Ko tikėtis iš ECMAScript 2023 (ES14)

Nuolat besikeičiančiame žiniatinklio kūrimo pasaulyje labai svarbu neatsilikti nuo naujausių programavimo kalbų ir sistemų. „JavaScript“ yra plačiai naudojama šiam tikslui kalba, o ES14 (ECMAScript 2023) yra sukurtas pristatyti įdomių naujų funkcijų ir patobulinimų.

Šiame straipsnyje nagrinėjami numatomi naujinimai, įskaitant kalbos funkcijas ir siūlomus standartinius bibliotekos pakeitimus, ir jų reikšmė žiniatinklio kūrimui.

1. Įrašų ir kortelių tipai

ES14 pristato įrašų ir eilučių tipus, kurie supaprastina darbą su sudėtingomis duomenų struktūromis JavaScript. Įrašai yra panašūs į objektus, bet turi fiksuotą raktų rinkinį ir konkretų kiekvienos vertės tipą. Kortelės yra sutvarkytos reikšmių rinkiniai su konkrečiu kiekvieno elemento tipu.

Štai pavyzdys, kaip naudoti įrašo ir eilės tipus ES14:

tipo Asmuo = {
 pavadinimas: eilutė;
 amžius: skaičius;
adresu: [styga, eilutė, skaičius];
};
konst jonas: asmuo = {
 vardas: "Jonas",
 amžius: 30,
adresu: ["123 Main St", "Bet kuris miestas", 12345],
};

Asmens tipas šiame pavyzdyje apibrėžiamas naudojant vardo eilutę, amžių skaičių ir eilutę adresas, kurį sudaro gatvės adreso eilutė, miesto eilutė ir pašto kodas kodas. Tada Asmens tipas naudojamas Jono objektui sukurti.

2. Dujotiekio operatorius

ES14 pristato dujotiekio operatorių, pažymėtą simboliu |>, kuri leidžia kūrėjams lengviau skaitomu būdu susieti transformacijas. Su šiuo operatoriumi kiekviena transformacija atliekama atskira funkcija.

Štai pavyzdys, kaip naudoti dujotiekio operatorių ES14:

konst rezultatas = [1, 2, 3, 4, 5]
 |> ((arr) => arr.filter((n) => n % 20))
 |> ((arr) => arr.map((n) => n* 2))
 |> ((arr) => arr.reduce((a, b) => a + b));
konsolė.log (rezultatas); // Išvestis: 12

Naudojant dujotiekio operatorių, masyvas [1, 2, 3, 4, 5] gali būti filtruojamas, kad būtų įtraukti tik lyginiai skaičiai. Vėliau kiekvienas skaičius padvigubinamas ir vėliau sumuojamas, kad galutinis rezultatas būtų 12.

3. Rodyklės funkcijose pavadinti parametrai

ES14 supaprastina rodyklių funkcijos sintaksę įvedant įvardintus parametrus, gerinant kodo skaitomumą ir priežiūrą. Kūrėjai nebeturi pasikliauti objektų sunaikinimu, norėdami perduoti įvardintus parametrus rodyklės funkcijoms; vietoj to jie gali juos apibrėžti tiesiogiai funkcijos apibrėžime.

Pavyzdžiui, apsvarstykite šį pavyzdį:

konst sveikinu = ({ vardas, amžius }) => {
konsolė.log('Sveiki, mano vardas ${name} ir aš esu ${age} metų.`);
};
pasveikinti({ vardas: "Jonas", amžius: 30 });
// Išvestis: Sveiki, mano vardas Jonas ir man 30 metų.

Šiame pavyzdyje rodyklės funkcija, vadinama sveikinimu, užima a sunaikintas objektas su vardo ir amžiaus parametrais. Tada pasisveikinimo funkcija iškviečiama su objektu, kuriame yra pavadinimo ir amžiaus ypatybės.

4. Asinchroniniai iteratoriai ir generatoriai

ES14 dabar palaiko asinchroninius iteratorius ir generatorius, supaprastindamas darbą su asinchroniniais duomenų šaltiniais, nes leidžia neblokuoti duomenų. Štai pavyzdys:

asyncfunkcijagetData() {
konst atsakymas = laukti atnešti (" https://api.example.com/data");
konst duomenys = laukti atsakymas.json();
grąžinti duomenys;
}
asyncfunkcija* apdorojimo duomenys() {
konst duomenys = laukti getData ();
dėl (konst daiktas apie duomenys) {
derlius prekė * 2;
 }
}
(async () => {
dėllaukti (konst rezultatas apie processData()) {
konsolė.log (rezultatas);
 }
})();

Šiame pavyzdyje sukurta asinchronizavimo funkcija getData, kad būtų galima gauti duomenis iš API ir grąžinti juos kaip JSON. Jis apibrėžia asinchroninio generatoriaus funkciją „processData“, kad būtų galima gauti ir gauti duomenų elementus, padaugintus iš dviejų. Tada naudojamas laukimo ciklas kiekvienam rezultatui užregistruoti iš generatoriaus į konsolę

ES14: interneto svetainių kūrimo įgalinimas

ES14 suteikia naujų „JavaScript“ funkcijų ir patobulinimų, todėl kodas tampa lengviau skaitomas ir prižiūrimas. Įrašų ir eilučių tipai, asinchroniniai iteratoriai ir generatoriai yra vieni iš papildymų, suteikiantys kūrėjams galingų šiuolaikinių žiniatinklio kūrimo įrankių. Darbo rinkos konkurencingumui labai svarbu neatsilikti nuo ES14.

„JavaScript“ ir jos sistemos, tokios kaip „React“, įvaldymas gali pagerinti jūsų įgūdžius ir vertę žiniatinklio kūrimo bendruomenėje, nepaisant jūsų patirties lygio.