„TypeScript“, populiari „Microsoft“ programavimo kalba, ir toliau stebina savo naujausia versija „TypeScript 5.1“. Supakuota su įdomiomis naujomis funkcijomis ir patobulinimais, ši versija žada pritaikyti jūsų kodavimo patirtį naujai aukščių.

Supaprastintos funkcijos grąžinimai ir priedų tipai

„JavaScript“, kai kuriate funkciją ir įvykdydami jį nesutikdami su return sakiniu, jis automatiškai grąžina reikšmę neapibrėžtas.

„TypeScript 5.1“ pristatė naują funkciją, kuri leidžia neapibrėžtoms funkcijoms visiškai praleisti grąžinimo teiginį. Šis patobulinimas pagerina kodo skaitomumą ir glaustumą.

funkcijalogPranešimas(žinutė: styga): neapibrėžtas{
konsolė.log (pranešimas);
// Čia nereikia grąžinimo teiginio
}

Šiame pavyzdyje naudojama funkcija logPranešimas kad būtų rodomas pranešimas konsolėje. Tačiau funkcija aiškiai nepateikia jokios reikšmės.

„TypeScript 5.1“ pristato naują funkciją, leidžiančią naudoti nesusijusius tipus gaudytojams ir nustatytojams, jei pateikiate aiškius tipo komentarus.

Šis patobulinimas yra labai naudingas tais atvejais, kai norint pasiekti ir keisti nuosavybę reikia taikyti skirtingus tipus.

klasė Vartotojas {
privatus _vardas: styga | nulinis = nulinis;
rinkinys vardas (newName: styga) {
tai._name = naujasVardas;
 }
gauti vardas(): styga {
grąžintitai._vardas?? "Nežinomas";
 }
}

Šiame pavyzdyje vartotojo klasė turi privatų _vardas nuosavybė, kuri gali būti arba a styga arba nulinis. The vardas seteris paima eilutę naujasVardas ir jį priskiria _vardas. Vardų gavimo priemonė grąžina reikšmę _vardas jei taip nėra nulinis, arba Nežinoma jei tai yra.

Tai leidžia užtikrinti, kad pavadinimo ypatybę būtų galima nustatyti tik su eilute, tačiau gavus pavadinimo ypatybę, tai gali būti eilutė arba Nežinoma jei jis dar nenustatytas.

Ši funkcija įgalina lankstesnius ir išraiškingesnius tipo apibrėžimus, kaip parodyta toliau pateiktame pavyzdyje.

sąsaja CSSStyleRule {
// Visada skaitoma kaip „CSSStyleDeclaration“.
gauti style(): CSSStyleDeclaration;
// Čia galima rašyti tik eilutę.
rinkinys stilius (newValue: styga);
}

Aukščiau pateiktame pavyzdyje stiliaus ypatybė turi geterį, kuris grąžina CSSStyleDeclaration, ir nustatytoją, kuris priima eilutę. Šie tipai nesusiję, tačiau „TypeScript 5.1“ leidžia tokio tipo apibrėžimą.

JSX patobulinimai

„TypeScript 5.1“ pristato keletą JSX patobulinimų. Dabar tai leidžia atsieti JSX elementų ir JSX žymų tipų tikrinimą, kuris gali būti naudinga tokioms bibliotekoms kaip redux kurios leidžia komponentams grąžinti ne tik JSX elementus.

importuoti * kaip Reaguoti iš"reaguoti";
asyncfunkcijaAsyncComponent() {
grąžinti
Pakrauta</div>;
}
// Dabar tai leidžiama:
leisti elementas = ;

Šiame pavyzdyje AsyncComponent funkcija yra asinchroninė funkcija, kuri grąžina JSX elementą. „TypeScript 5.1“ leidžia naudoti šią funkciją kaip JSX komponentą, o tai nebuvo įmanoma ankstesnėse versijose.

„TypeScript 5.1“ taip pat pristato naują „JSX Transform“, pristatytą „React 17“, palaikymą. Tai leidžia naudoti JSX neimportuojant React.

// Prieš
importuoti Reaguoti iš"reaguoti";
funkcijaKomponentas() {
grąžinti
Sveikas, pasauli!</h1>;
}
// Po
funkcijaKomponentas() {
grąžinti
Sveikas, pasauli!</h1>;
}

Aukščiau pateiktame pavyzdyje funkcija Komponentas grąžina JSX elementą. „TypeScript 5.1“ ir „React 17“ versijose nebereikia importuoti „React“, kad galėtumėte naudoti JSX.

Našumo padidėjimas ir reikšmingi TypeScript 5.1 pakeitimai

„TypeScript 5.1“ pristato kelis optimizavimus, kad pagerintų našumą, įskaitant greičio, atminties ir paketo dydžio optimizavimą, vengiama nereikalingo tipo egzistavimo, neigiamų didžiųjų ir mažųjų raidžių tikrinimo sąjungos literalams ir mažesnių iškvietimų į JSDoc skaitytuvą analizuojant.

Štai pavyzdys, kaip išvengti nereikalingo tipo egzistavimo objektų tipuose, kuriuose, kaip žinoma, nėra nuorodų į išorinius tipo parametrus, ir greitesnio junginių literalų tikrinimo.

tipo Sąjunga = 'a' | "b" | 'c';
funkcijapatikrinti(vertė: Sąjunga) {
// ...
}

Šiame pavyzdyje „TypeScript 5.1“ gali greitai patikrinti, ar reikšmė yra „Union“ tipo dalis, ir nereikia tikrinti visų sąjungos tipų.

Štai dar vienas pavyzdys:

tipo Taškas = { x: numerį, y: numerį };
funkcijaišversti(taškas: taškas, dx: numerį, dy: numerį): Taškas{
grąžinti {x: taškas.x + dx, y: taškas.y + dy};
}
leisti p: taškas = { x: 1, y: 2 };
p = išversti (p, 1, 1);

Šiame pavyzdyje taško tipas yra objekto tipas, kuriame nėra jokių tipo parametrų. Iškviesdama vertimo funkciją, „TypeScript 5.1“ gali išvengti nereikalingo tipo egzistavimo, o tai gali žymiai pagreitinti tipo tikrinimą.

„TypeScript 5.1“ naudojimas

„TypeScript 5.1“ pristato daugybę galingų funkcijų ir optimizacijų, kurios keičia „JavaScript“ kūrimą. Nuo supaprastintų funkcijų grąžinimo iki JSX patobulinimų ir našumo padidinimo, „TypeScript 5.1“ suteikia galimybę rašyti švaresnį, išraiškingesnį kodą, kartu pagerinant tipo tikrinimą ir bendrą našumą.

Naudodami TypeScript 5.1 galite atverti naujas galimybes ir pakelti savo JavaScript projektus į naujas efektyvumo ir naujovių aukštumas. Tegul „TypeScript 5.1“ yra jūsų vartai į pažangesnę ir supaprastintą „JavaScript“ kūrimo patirtį.