'n Eenvoudige inleiding tot Typescript

'n Kort inleiding tot sommige konsepte van Typescript

TypeScript samesteller

Die TypeScript-samesteller is 'n JavaScript-program wat TypeScript-kode in gewone JavaScript-kode omskakel. Dit is in TypeScript geskryf en kan op enige platform uitgevoer word wat JavaScript ondersteun. Die TypeScript-samesteller is oopbron en beskikbaar op GitHub. Die samesteller word deur Microsoft ontwikkel en onderhou en kan vanaf die opdragreël gebruik word, of dit kan gebruik word as 'n inprop vir gewilde IDE's soos Visual Studio en WebStorm.

Die TypeScript-samesteller kan JavaScript-kode uitstuur wat versoenbaar is met verskillende JavaScript-looptye, soos Node.js, Internet Explorer en Chrome. Dit kan ook bronkaarte genereer, wat die gegenereerde JavaScript-kode terug na die TypeScript-kode karteer. Dit maak voorsiening vir ontfouting van die TypeScript-kode in die blaaier.

Die samesteller kan gekonfigureer word om te kyk vir tipe foute, en sal foute rapporteer indien enige gevind word. Tipe kontrolering kan gedeaktiveer word indien verlang. Die TypeScript-samesteller is beskikbaar onder die Apache 2.0 oopbronlisensie.

Nie 'n sterk getikte taal nie

Tikskrif is nie 'n sterk getikte taal nie, want dit vereis nie dat veranderlikes met 'n spesifieke tipe verklaar moet word nie. Dit beteken dat 'n veranderlike as een tipe verklaar kan word en dan hertoegewys kan word aan 'n waarde van 'n ander tipe. Dit kan tot foute lei as die veranderlike gebruik word op 'n manier wat nie versoenbaar is met die tipe as wat dit verklaar is nie.

'n Basiese voorbeeld om hierdie eienskap te illustreer, kan getoon word met die tipe "enige".

// We initialze the variable as a string.
const something: any = "Tom";

// Now it's a number. This is valid TypeScript code.
something = 42;

Stel TypeScript saam na JavaScript

Die TypeScript-samesteller neem TypeScript-kode en omskep dit in gewone JavaScript-kode. Hierdie proses staan bekend as transpilasie. Die samesteller ontleed eers die TypeScript-kode, wat kyk vir sintaksisfoute. As geen foute gevind word nie, kyk die samesteller dan vir tipe foute. As enige tipe foute gevind word, sal die samesteller dit rapporteer en verlaat.

As geen tipe foute gevind word nie, sal die samesteller voortgaan en die JavaScript-kode uitstuur. Die uitgestraalde JavaScript-kode sal versoenbaar wees met die teiken JavaScript-looptyd wat gespesifiseer is.

Die TypeScript-samesteller kan ook bronkaarte genereer, wat die gegenereerde JavaScript-kode terug na die TypeScript-kode karteer. Dit maak voorsiening vir ontfouting van die TypeScript-kode in die blaaier.

TypeScript-taalbediener

Die TypeScript-taalbediener is 'n taalbediener wat kenmerke soos kodevoltooiing, gaan-na-definisie en tipekontrolering vir TypeScript-projekte verskaf.

Die taalbediener word benodig vir die TypeScript-samesteller om hierdie kenmerke te kan verskaf. Sonder die taalbediener sou die TypeScript-samesteller slegs basiese kenmerke soos sintaks-uitlig en kodeformatering kon verskaf. Die TypeScript-taalbediener is oopbron en beskikbaar op GitHub.

Stappe om 'n TypeScript-projek te skep

Voordat u die stappe beskryf, is hier die opdrag om 'n TypeScript-projek in u terminale te inisialiseer.

npx tsc --init

Beskrywing: Installeer die TypeScript-samesteller. Skep 'n tsconfig.json-lêer in die wortel van die projek. Hierdie lêer bevat die samestelleropsies vir die TypeScript-samesteller. Voeg die src-gids by die tsconfig.json-lêer. Dit is waar die TypeScript-bronlêers geleë sal wees.

Voeg 'n main.ts-lêer by in die src-gids. Dit is die toegangspunt vir die TypeScript-program. Stel die TypeScript-kode saam deur tsc vanaf die opdragreël uit te voer. Dit sal die JavaScript-lêers in die src-gids genereer. Begin die TypeScript-program deur node main.js vanaf die opdragreël uit te voer.

Verskille tussen TypeScript en JavaScript

Daar is 'n paar sleutelverskille tussen TypeScript en ander sterk getikte tale: TypeScript is 'n superset van JavaScript, wat beteken dat enige geldige JavaScript-kode ook geldige TypeScript-kode is. Dit maak dit maklik om vir bestaande JavaScript-projekte aan te neem.

TypeScript gebruik 'n opsionele tipe stelsel, wat beteken dat tipes vir veranderlikes gespesifiseer kan word, maar dit word nie vereis nie. Ander sterk getikte tale, soos Swift en Kotlin, gebruik 'n verpligte tipe stelsel, wat vereis dat alle veranderlikes met 'n spesifieke tipe verklaar moet word.

TypeScript ondersteun generiese, wat voorsiening maak vir tipe-veilige versamelings en ander datastrukture. Dit is nie in JavaScript beskikbaar nie.

Wanneer moet ek Javascript gebruik in plaas van Typescript vir kodering?

Daar is geen harde reël vir wanneer om JavaScript of TypeScript te gebruik nie. Dit is aan die ontwikkelaar om die regte hulpmiddel vir die werk te kies. Daar is egter 'n paar algemene riglyne wat gevolg kan word.

As 'n projek reeds in JavaScript geskryf is, is dit gewoonlik die beste om voort te gaan om JavaScript te gebruik. Dit is nie nodig om die kode na TypeScript om te skakel net ter wille van die gebruik van TypeScript nie. Maar hou in gedagte dat die instandhouding van 'n JavaScript-projek moeiliker kan wees as gevolg van die gebrek aan 'n tipe stelsel wat tot verborge foute lei. Daarom is dit die beste om te oorweeg om TypeScript aan te neem as die projek in die toekoms onderhou (en uitgebrei) gaan word.

As 'n projek van voor af begin, is dit gewoonlik die beste om TypeScript te gebruik. Dit sal op die lang termyn voorsiening maak vir beter kode-organisasie en instandhouding.

Eenvoudige voorbeelde

// TypeScript.
class Person {
  name: string;
  age: number;
}

const person: Person = new Person();
const person.name = "Tom";
const person.age = 42;

// JavaScript.
var Person = function() {};
Person.prototype.name = "";
Person.prototype.age = 0;

// TypeScript.
// Here's we're also using the class, but this
// time conforming to an interface, something that
// doesn't exist in JavaScript.
interface IPerson {
  name: string;
  age: number;
}

class Person implements IPerson {
  name: string;
  age: number;
}

// JavaScript.
var IPerson = function() {};
IPerson.prototype.name = "";
IPerson.prototype.age = 0;

var Person = function() {};
Person.prototype = Object.create(IPerson);

Slotwoorde

TypeScript is 'n kragtige taal wat kan help om die kwaliteit van jou kode te verbeter. Dit is maklik om mee te begin, en kan gebruik word op enige platform wat JavaScript ondersteun. Hierdie artikel het slegs 'n baie kort inleiding gegee, aangesien die taal baie meer kenmerke en konsepte bied om nou te leer.

Kyk na die skakels in die addendum aan die einde van die bladsy vir 'n paar nuttige leermateriaal.