TypeScript, Microsoftin suosittu ohjelmointikieli, tekee edelleen vaikutuksen uusimmalla julkaisullaan, TypeScript 5.1:llä. Tämä versio on täynnä jännittäviä uusia ominaisuuksia ja parannuksia, ja se lupaa viedä koodauskokemuksesi uudelle tasolle korkeuksia.

Yksinkertaistetut funktion palautukset ja lisävarustetyypit

JavaScriptissä, kun luot funktion ja suorittaa sen kohtaamatta return-lausetta, se palauttaa arvon automaattisesti määrittelemätön.

TypeScript 5.1 on ottanut käyttöön uuden ominaisuuden, jonka avulla määrittämättömänä palauttavat funktiot voivat jättää return-käskyn kokonaan pois. Tämä parannus parantaa koodin luettavuutta ja tiiviyttä.

toimintolokiviesti(viesti: merkkijono): määrittelemätön{
konsoli.log (viesti);
// Tässä ei tarvita paluulausetta
}

Tämä esimerkki käyttää funktiota lokiviesti näyttääksesi viestin konsolissa. Funktio ei kuitenkaan nimenomaisesti palauta mitään arvoa.

TypeScript 5.1 sisältää uuden ominaisuuden, joka sallii toisiinsa liittymättömien tyyppien käytön gettereille ja asettajille, kunhan annat nimenomaiset tyyppimerkinnät.

Tämä parannus osoittautuu erittäin hyödylliseksi tilanteissa, joissa sinun on pakotettava eri tyyppejä omaisuuden käyttämiseen ja muokkaamiseen.

luokkaa Käyttäjä {
yksityinen _nimi: merkkijono | tyhjä = tyhjä;
aseta nimi (newName: merkkijono) {
Tämä._name = uusiNimi;
 }
saada nimi(): merkkijono {
palataTämä._nimi?? 'Tuntematon';
 }
}

Tässä esimerkissä User-luokassa on yksityinen _nimi ominaisuus, joka voi olla joko a merkkijono tai tyhjä. The nimi setteri ottaa merkkijonon uusi nimi ja määrää sen _nimi. Nimenhakija palauttaa arvon _nimi jos ei ole tyhjä, tai Tuntematon jos se on.

Tämä mahdollistaa sen, että nimiominaisuus voidaan asettaa vain merkkijonolla, mutta nimiominaisuutta haettaessa se voi olla joko merkkijono tai Tuntematon jos sitä ei ole vielä asetettu.

Tämä ominaisuus mahdollistaa joustavammat ja ilmeisemmät tyyppimääritykset alla olevan esimerkin mukaisesti.

käyttöliittymä CSSStyleRule {
// Lukee aina `CSSStyleDeclaration'
saada style(): CSSStyleDeclaration;
// Tähän voi kirjoittaa vain merkkijonon.
aseta tyyli (newValue: merkkijono);
}

Yllä olevassa esimerkissä tyyli-ominaisuudella on getteri, joka palauttaa CSSStyleDeclarationin, ja asettaja, joka hyväksyy merkkijonon. Nämä tyypit eivät liity toisiinsa, mutta TypeScript 5.1 sallii tällaisen tyyppimäärittelyn.

JSX-parannukset

TypeScript 5.1 sisältää useita parannuksia JSX: lle. Se mahdollistaa nyt irrotetun tyyppitarkistuksen JSX-elementtien ja JSX-tunnistetyyppien välillä, mikä voi olla hyödyllinen kirjastoille, kuten redux joiden avulla komponentit voivat palauttaa enemmän kuin vain JSX-elementtejä.

tuonti * kuten Reagoi alkaen"reagoi";
asynktoimintoAsyncComponent() {
palata
Ladattu</div>;
}
// Tämä on nyt sallittua:
antaa elementti = ;

Tässä esimerkissä AsyncComponent funktio on asynkroninen funktio, joka palauttaa JSX-elementin. TypeScript 5.1:n avulla voit käyttää tällaista toimintoa JSX-komponenttina, mikä ei ollut mahdollista aiemmissa versioissa.

TypeScript 5.1 tuo myös tuen uudelle JSX Transformille, joka esiteltiin React 17:ssä. Tämän avulla voit käyttää JSX: ää ilman Reactin tuontia.

// Ennen
tuonti Reagoi alkaen"reagoi";
toimintoKomponentti() {
palata
Hei maailma!</h1>;
}
// Jälkeen
toimintoKomponentti() {
palata
Hei maailma!</h1>;
}

Yllä olevassa esimerkissä komponenttifunktio palauttaa JSX-elementin. TypeScript 5.1:ssä ja React 17:ssä sinun ei enää tarvitse tuoda Reactia käyttääksesi JSX: ää.

Suorituskykyparannuksia ja merkittäviä muutoksia TypeScript 5.1:ssä

TypeScript 5.1 sisältää useita optimointeja suorituskyvyn parantamiseksi, mukaan lukien nopeuden, muistin ja paketin koon optimoinnit, välttää tarpeettomia tyyppinäytteitä, negatiivisten kirjainten tarkistusta liittoliteraaleille ja vähemmän kutsuja JSDoc-skanneriin jäsentäminen.

Tässä on esimerkki tarpeettomien tyyppien ilmentämisen välttämisestä objektityypeissä, joiden ei tiedetä sisältävän viittauksia ulompiin tyyppiparametreihin, ja nopeammista liittoliteraalien tarkistuksista.

tyyppi Unioni = 'a' | "b" | 'c';
toimintotarkistaa(arvo: Unioni) {
// ...
}

Tässä esimerkissä TypeScript 5.1 voi nopeasti tarkistaa, onko arvo osa Unionin tyyppiä ilman, että sinun on tarkistettava kaikkia liiton tyyppejä.

Tässä toinen esimerkki:

tyyppi Piste = { x: määrä, y: määrä };
toimintoKääntää(piste: piste, dx: määrä, dy: määrä): Kohta{
palata { x: piste.x + dx, y: piste.y + dy };
}
antaa p: Piste = { x: 1, y: 2 };
p = kääntää (p, 1, 1);

Tässä esimerkissä Pistetyyppi on objektityyppi, joka ei sisällä tyyppiparametreja. Kun TypeScript 5.1 kutsuu käännöstoimintoa, se voi välttää tarpeettoman tyyppimuodostuksen, mikä voi merkittävästi nopeuttaa tyypin tarkistusta.

TypeScript 5.1:n käyttö

TypeScript 5.1 sisältää joukon tehokkaita ominaisuuksia ja optimointeja, jotka mullistavat JavaScript-kehityksen. TypeScript 5.1 antaa sinulle mahdollisuuden kirjoittaa selkeämpää ja ilmeikkäämpää koodia yksinkertaistetuista toimintopalautuksista JSX-parannuksiin ja suorituskyvyn parantamiseen sekä parantaa tyypintarkistusta ja yleistä suorituskykyä.

TypeScript 5.1:n avulla voit avata uusia mahdollisuuksia ja nostaa JavaScript-projektisi uusiin tehokkuuden ja innovaatioiden korkeuksiin. Anna TypeScript 5.1:n olla porttisi edistyneempään ja virtaviivaisempaan JavaScript-kehityskokemukseen.