JS 2017

JavaScript 2017 dagi yangi imkoniyatlar

Xususiyat	Tavsif
String padStart()	Stringning boshini to‘ldiradi
String padEnd()	Stringning oxirini to‘ldiradi
Object entries()	Obyektning kalit/qiymat juftliklari massivini qaytaradi
Object values()	Obyekt qiymatlari massivini qaytaradi
async va await	Promise’lar bilan ishlashni soddalashtiradi
Trailing Commas	Vergul bilan ajratilgan qiymatlar ro‘yxati qabul qilinadigan joyda vergul qo‘yishga ruxsat beradi
getOwnProperty Descriptors	Obyektning barcha o‘ziga xos xususiyat identifikatorlarini o‘z ichiga olgan obyektni qaytaradi

Brauzerlarda qo‘llab-quvvatlash

JavaScript 2017 2017 yil sentyabr oyidan boshlab barcha zamonaviy brauzerlarda qo‘llab-quvvatlanadi:


Chrome 58	Edge 15	Firefox 52	Safari 11	Opera 45
Apr 2017	Apr 2017	Mar 2017	Sep 2017	May 2017

JavaScript stringlarini to‘ldirish (padding)

ECMAScript 2017 JavaScript-ga ikkita string usulini qo‘shdi: padStart() va padEnd() string boshida va oxirida to‘ldirishni qo‘llab-quvvatlash uchun.

Misollar

let text = "5";
text = text.padStart(4,0);

O‘zingiz sinab ko‘ring »

let text = "5";
text = text.padEnd(4,0);

O‘zingiz sinab ko‘ring »

JavaScript Object entries() metodi

ECMAScript 2017 obyektlarga Object.entries() metodini qo‘shdi.

Object.entries() obyektdagi kalit/qiymat juftliklari massivini qaytaradi:

Misol

const person = {
firstName : "John",
lastName : "Doe",
age : 50,
eyeColor : "blue"
};

let text = Object.entries(person);

O‘zingiz sinab ko‘ring »

Object.entries() obyektlarni sikllarda ishlatishni osonlashtiradi:

Misol

const fruits = {Bananas:300, Oranges:200, Apples:500};

let text = "";
for (let [fruit, value] of Object.entries(fruits)) {
text += fruit + ": " + value + "<br>";
}

O‘zingiz sinab ko‘ring »

Object.entries() shuningdek, obyektlarni xaritalarga aylantirishni osonlashtiradi:

Misol

const fruits = {Bananas:300, Oranges:200, Apples:500};

const myMap = new Map(Object.entries(fruits));

O‘zingiz sinab ko‘ring »

JavaScript Object values() metodi

Object.values() o‘xshash Object.entries() , lekin obyekt qiymatlarining yagona o‘lchovli massivini qaytaradi:

Misol

const person = {
firstName : "John",
lastName : "Doe",
age : 50,
eyeColor : "blue"
};

let text = Object.values(person);

O‘zingiz sinab ko‘ring »

JavaScript async funksiyalari

Taymautni kutish

async function myDisplay() {
let myPromise = new Promise(function(myResolve, myReject) {
setTimeout(function() { myResolve("I love You !!"); }, 3000);
});
document.getElementById("demo").innerHTML = await myPromise;
}

myDisplay();

O‘zingiz sinab ko‘ring »

JavaScript’da yakuniy vergullar

JavaScript vergul bilan ajratilgan qiymatlar ro‘yxati qabul qilingan joyda vergullarni orqaga qo‘yish imkonini beradi.

Massiv va obyekt literallarida, funksiya chaqiruvlarida, parametrlarda, import va eksportlarda.

Misol

function myFunc(x,,,) {};
const myArr = [1,2,3,4,,,];
const myObj = {fname: John, age:50,,,};

Object.getOwnPropertyDescriptor() metodi

Object.getOwnPropertyDescriptors() berilgan obyektning barcha o‘ziga xos xususiyat identifikatorlarini qaytaradi.

Misol

getOwnPropertyNames() usuli obyekt xususiyatlariga ega massivni qaytaradi:

const myProp = Object.getOwnPropertyNames(person);

O‘zingiz sinab ko‘ring »

Misol

getOwnPropertyDescriptors() metodi obyektning xususiyat deskriptorlarini qaytaradi.

const myProp = Object.getOwnPropertyDescriptors(person);

O‘zingiz sinab ko‘ring »

Xususiyat deskriptori - bu xususiyatning barcha atributlarini tavsiflovchi obyekt:

qiymat: xususiyatning qiymati
yozilishi mumkin: agar xususiyat qiymati o‘zgartirilishi mumkin bo‘lsa, rost
enumerable (sanaladigan): xususiyat sikllarda (for...in, Object.keys()) ko‘rinsa, true
sozlanishi: agar xususiyat identifikatorini o‘zgartirish yoki o‘chirish mumkin bo‘lsa, rost
get: xususiyat qiymatini olish funksiyasi (akssor xususiyatlari uchun)
set: Xususiyat qiymatini o‘rnatuvchi funksiya (accessor xususiyatlar uchun)

Obyektlarni klonlash

Object.getOwnPropertyDescriptors() ko‘pincha oluvchilar, o‘rnatuvchilar va xususiyat atributlarini saqlagan holda obyektlarni klonlash uchun ishlatiladi:

Misol

const clone = Object.defineProperties({}, Object.getOwnPropertyDescriptors(person));

O‘zingiz sinab ko‘ring »

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tish Kirish