¸„.-•~¹°”ˆ˜¨ 🎀 𝒯𝒽𝑒 𝓉𝓇𝓊𝑒 𝐸𝒩𝒯𝑅𝐸𝒫𝑅𝐸𝒩𝐸𝒰𝑅 𝒾𝓈 𝒶 𝓇𝒾𝓈𝓀 𝓉𝒶𝓀𝑒𝓇, 𝓃💞𝓉 𝒶𝓃 𝑒𝓍𝒸𝓊𝓈𝑒 𝓂𝒶𝓀𝑒𝓇. 🎀 ¨˜ˆ”°¹~•-.„¸
- Կաղապար բառացի
Նախքան ES6-ը, դուք օգտագործում եք միայնակ չակերտներ ('
) կամ կրկնակի չակերտներ ("
) տողը բառացի փաթաթելու համար: Իսկ լարերը շատ սահմանափակ ֆունկցիոնալություն ունեն:
Ավելի բարդ խնդիրներ լուծելու հնարավորություն տալու համար ES6 կաղապարի բառացիները տրամադրում են շարահյուսություն, որը թույլ է տալիս ավելի անվտանգ և մաքուր աշխատել տողերի հետ:
ES6-ում դուք ձևանմուշ եք ստեղծում բառացիորեն՝ ձեր տեքստը փաթաթելով հետնամասերով (`
) հետևյալ կերպ.
let simple = `This is a template literal`; Code language: JavaScript (javascript)
և դուք ստանում եք հետևյալ հատկանիշները.
- Բազմագիծ տող. տող, որը կարող է ընդգրկել մի քանի տող:
- Տողերի ձևաչափում. տողի մի մասը փոփոխականների կամ արտահայտությունների արժեքներով փոխարինելու ունակություն: Այս հատկանիշը կոչվում է նաև լարային ինտերպոլացիա։
- HTML escaping. տողը փոխակերպելու ունակություն, որպեսզի այն ապահով լինի HTML-ում ներառելու համար:
const name = "Raj"; const age = 25; const message = `Hello, I Am ${name} and I am ${age} years old.`;
2. Փակումներ
JavaScript-ում փակումը բառապաշարի չափման ձև է, որն օգտագործվում է ֆունկցիայի արտաքին շրջանակից փոփոխականները ֆունկցիայի ներքին շրջանակում պահպանելու համար: Լեքսիկական շրջանակը այն գործընթացն է, որն օգտագործվում է փոփոխականի շրջանակը սկզբնական կոդում նրա դիրքով որոշելու համար:
function createCounter(){ let count = 0; return function(){ count++; return count; }; } let counter1 = createCounter(); let counter2 = createCounter(); console.log(counter1()); //Output: 1 console.log(counter1()); //Output: 2 console.log(counter2()); //Output: 1
3. Անհամաժամեցում սպասել
Մենք օգտագործում ենք async
բանալի բառը ֆունկցիայի հետ՝ ներկայացնելու, որ ֆունկցիան ասինխրոն ֆունկցիա է: Async ֆունկցիան վերադարձնում է խոստում:
async
ֆունկցիայի շարահյուսությունը հետևյալն է.
async function name(parameter1, parameter2, ...paramaterN) { // statements }
Այստեղ,
- անուն — ֆունկցիայի անվանումը
- պարամետրեր — պարամետրեր, որոնք փոխանցվում են ֆունկցիային
await
հիմնաբառը օգտագործվում է async
ֆունկցիայի ներսում՝ սպասելու ասինխրոն գործողությանը:
Սպասելու համար օգտագործվող շարահյուսությունը հետևյալն է.
let result = await promise;
await
-ի օգտագործումը դադարեցնում է async ֆունկցիան, մինչև խոստումը չվերադարձնի արդյունքի (լուծել կամ մերժել) արժեքը:
async function fetchData(url){ try{ const response = await fetch(url); const data = await response.json(); return data; }catch(error){ console.error(error); } } async function run(){ console.log("before you Go Give like"); const data = await fetchData("https://jsonplaceholder.typicode.com/posts"); console.log("Thank you for giving Like to my blog"); } run();
4. Ստացողներ և սեթերներ
Getter- կապում է օբյեկտի հատկությունը ֆունկցիայի հետ, որը կկանչվի, երբ այդ հատկությունը փնտրվի:
Setter — օբյեկտի հատկությունը կապում է ֆունկցիայի հետ, որը պետք է կանչվի, երբ փորձ է արվում սահմանել այդ հատկությունը:
Նրանք ձեզ տալիս են սեփականություն սահմանելու եղանակ, բայց չեն հաշվարկում գույքի արժեքը, քանի դեռ այն հասանելի չէ: Սա հետաձգում է արժեքի հաշվարկման արժեքը մինչև անհրաժեշտությունը: Այսպիսով, նրանք թույլ են տալիս արժեքը դինամիկ հաշվարկել:
class Student{ constructor(name,age){ this._name=name; this._age=age; } get name(){ return this._name; } set name(newName){ this._name = newName; } get age(){ return this._age; } set age(newAge){ this._age = newAge; } } const student = new Student("Rk",25); console.log(student.name); //Output: "Rk" console.log(student.age); //Output: 24 student.name = "raj"; student.age = 24; console.log(student.name); //Output: "raj" console.log(student.age); //Output: 24
5. Promise Async/Await
JavaScript-ը տեսողականացված է՝ խոստումներ և համաժամեցում/սպասում ⭐️🎀
Կարդացեք մանրամասն և վիզուալացված բլոգը խոստման և համաժամացման սպասման մասին այստեղ
Մենք պատրաստվում ենք վլոգներ տեղադրել Jara Diary-ում, այնպես որ անպայման դիտեք, տարածեք և բաժանորդագրվեք