Microsofti populaarne programmeerimiskeel TypeScript avaldab jätkuvalt muljet oma viimase versiooniga TypeScript 5.1. See versioon, mis on täis põnevaid uusi funktsioone ja täiustusi, muudab teie kodeerimiskogemuse uueks kõrgused.

Lihtsustatud funktsioonide tagastus ja lisaseadmete tüübid

JavaScriptis funktsiooni loomisel ja käivitage see ilma return-lauset leidmata, tagastab see väärtuse automaatselt määratlemata.

TypeScript 5.1 on kasutusele võtnud uue funktsiooni, mis võimaldab määratlemata tagastavatel funktsioonidel return-lause üldse välja jätta. See täiustus parandab koodi loetavust ja kokkuvõtlikkust.

funktsioonilogisõnum(sõnum: string): määratlemata{
konsool.log (sõnum);
// Siin pole tagastuslauset vaja
}

See näide kasutab funktsiooni logisõnum konsoolil sõnumi kuvamiseks. Funktsioon ei tagasta aga selgesõnaliselt ühtegi väärtust.

TypeScript 5.1 tutvustab uut funktsiooni, mis lubab hankijate ja seadjate jaoks kasutada sõltumatuid tüüpe, kui esitate selgesõnalised tüübimärkused.

See täiustus osutub väga kasulikuks olukordades, kus teil on vaja atribuudile juurdepääsuks ja selle muutmiseks jõustada erinevaid tüüpe.

klass kasutaja {
privaatne _name: string | null = null;
seatud nimi (newName: string) {
see._nimi = uusNimi;
 }
saada nimi (): string {
tagasisee._nimi?? "Tundmatu";
 }
}

Selles näites on kasutajaklassil privaatne _nimi vara, mis võib olla kas a string või null. The nimi setter võtab stringi uusNimi ja määrab selle _nimi. Nime hankija tagastab väärtuse _nimi kui ei ole null, või Tundmatu kui on.

See võimaldab jõustada, et nime atribuuti saab määrata ainult stringiga, kuid nime omaduse hankimisel võib see olla kas string või Tundmatu kui see pole veel määratud.

See funktsioon võimaldab paindlikumaid ja väljendusrikkamaid tüübimääratlusi, nagu on näidatud allolevas näites.

liides CSSStyleRule {
// Loeb alati `CSSStyleDeclaration'ina
saada style(): CSSStyleDeclaration;
// Siia saab kirjutada ainult `stringi`.
seatud stiil (uusValue: string);
}

Ülaltoodud näites on stiili atribuudil getter, mis tagastab CSSStyleDeclaration, ja setter, mis aktsepteerib stringi. Need tüübid ei ole omavahel seotud, kuid TypeScript 5.1 võimaldab sellist tüüpi definitsiooni.

JSX täiustused

TypeScript 5.1 tutvustab JSX-i jaoks mitmeid täiustusi. See võimaldab nüüd lahtisidutud tüübikontrolli JSX-elementide ja JSX-silditüüpide vahel, mis võib olla kasulik selliste raamatukogude jaoks nagu redux mis võimaldavad komponentidel tagastada rohkem kui lihtsalt JSX-i elemente.

importida * nagu Reageerige alates"reageerida";
asünkrfunktsiooniAsyncComponent() {
tagasi
Laaditud</div>;
}
// See on nüüd lubatud:
lase element = ;

Selles näites on AsyncComponent funktsioon on asünkroonne funktsioon, mis tagastab JSX-i elemendi. TypeScript 5.1 võimaldab teil seda tüüpi funktsiooni kasutada JSX-i komponendina, mis ei olnud varasemates versioonides võimalik.

TypeScript 5.1 tutvustab ka React 17-s tutvustatud uue JSX-i teisenduse tuge. See võimaldab teil kasutada JSX-i ilma Reacti importimata.

// Enne
importida Reageerige alates"reageerida";
funktsiooniKomponent() {
tagasi
Tere, maailm!</h1>;
}
// Pärast
funktsiooniKomponent() {
tagasi
Tere, maailm!</h1>;
}

Ülaltoodud näites tagastab funktsioon Component JSX elemendi. TypeScript 5.1 ja React 17 puhul ei pea te JSX-i kasutamiseks enam Reacti importima.

TypeScripti 5.1 jõudluse suurendamine ja olulised muudatused

TypeScript 5.1 tutvustab jõudluse parandamiseks mitmeid optimeerimisi, sealhulgas kiiruse, mälu ja paketi suuruse optimeerimine. vältides tarbetut tüübi eksstantsimist, liiduliteraalide negatiivsete suurtähtede kontrollimist ja JSDoc-i skannerikutsete vähendamist sõelumine.

Siin on näide, kuidas vältida tarbetute tüüpide loomist objektitüüpides, mis teadaolevalt ei sisalda viiteid välistele tüübiparameetritele, ja liitliteraalide kiirema kontrollimise kohta.

tüüp Liit = 'a' | "b" | 'c';
funktsiooniKontrollima(väärtus: Liit) {
// ...
}

Selles näites saab TypeScript 5.1 kiiresti kontrollida, kas väärtus on liidu tüübi osa, ilma et peaks kontrollima kõiki liidu tüüpe.

Siin on veel üks näide:

tüüp Punkt = { x: number, y: number };
funktsioonitõlkida(punkt: punkt, dx: number, dy: number): Punkt{
tagasi {x: punkt.x + dx, y: punkt.y + dy};
}
lase p: punkt = { x: 1, y: 2 };
p = tõlkida (p, 1, 1);

Selles näites on punktitüüp objektitüüp, mis ei sisalda tüübiparameetreid. Kui see kutsub välja tõlkefunktsiooni, saab TypeScript 5.1 vältida tarbetut tüübikäsitlust, mis võib tüübikontrolli oluliselt kiirendada.

TypeScripti 5.1 kasutamine

TypeScript 5.1 tutvustab mitmeid võimsaid funktsioone ja optimeerimisi, mis muudavad JavaScripti arenduse revolutsiooniliseks. Alates lihtsustatud funktsioonide tagastamisest kuni JSX-i täiustuste ja jõudluse suurendamiseni – TypeScript 5.1 annab teile võimaluse kirjutada puhtamat ja väljendusrikkamat koodi, parandades samal ajal tüübikontrolli ja üldist jõudlust.

TypeScript 5.1 omaks võttes saate avada uusi võimalusi ja tõsta oma JavaScripti projektid tõhususe ja uuenduslikkuse uutele kõrgustele. Laske TypeScript 5.1-l olla teie värav täiustatud ja sujuvama JavaScripti arenduskogemuse poole.