TypeScript-vejledning: Kend til de grundlæggende funktioner i TypeScript

TypeScript er et stærkt skrevet supersæt af der kompileres til almindeligt JavaScript. Du kan bruge dette sprog til udvikling af JavaScript på applikationsskala. Det kan også udføres på enhver browser, enhver vært og ethvert operativsystem. I denne TypeScript-vejledning kommer vi ind i dybden af ​​TypeScript og forstår de grundlæggende i følgende rækkefølge:

• Introduktion til TypeScript
• TypeScript-typer
• Variabler
• Operatører
• Sløjfer
• Funktioner
• Strenge
• Arrays
• Grænseflader
• Klasser
• Objekter
• TypeScript-brugssag

Introduktion til TypeScript

TypeScript er et skrevet supersæt af JavaScript, der kompileres til almindeligt JavaScript. TypeScript er ren objektorienteret med klasser, grænseflader og statisk typede programmeringssprog som f.eks C # eller . Det kræver en compiler at kompilere og generere i JavaScript-fil. Dybest set er TypeScript ES6-versionen af ​​JavaScript med nogle ekstra funktioner.

En TypeScript-kode skrives i en fil med .ts udvidelse og derefter kompileret til JavaScript ved hjælp af compileren. Du kan skrive filen i en hvilken som helst kodeeditor, og compileren skal installeres på din platform. Efter installationen kommandoen tsc .ts kompilerer TypeScript-koden til en almindelig JavaScript-fil.

Syntaks:

var message: string = 'Velkommen til Edureka!' console.log (besked)

Ved kompilering genererer den følgende JavaScript-kode:

// Genereret af typescript 1.8.10 var message = 'Velkommen til Edureka!' console.log (besked)

Funktioner af TypeScript

• Tværplatform: TypeScript-kompilatoren kan installeres på ethvert operativsystem som Windows, MacOS og Linux.

  
  
  

• Objektorienteret sprog : TypeScript indeholder funktioner som Klasser , Grænseflader og moduler. Således kan den skrive objektorienteret kode til såvel klientsiden som server-side-udvikling.

• Statisk typekontrol : TypeScript bruger statisk typing og hjælper med at kontrollere kontrol ved kompileringstidspunktet. Således kan du finde fejl, mens du skriver koden uden at køre scriptet.

• Valgfri statisk typing : TypeScript tillader også valgfri statisk skrivning, hvis du bruger den dynamiske typning af JavaScript.

• DOM-manipulation : Du kan bruge TypeScript til at manipulere DOM til at tilføje eller fjerne elementer.

• ES 6 Funktioner : TypeScript indeholder de fleste funktioner i planlagt ECMAScript 2015 (ES 6, 7) såsom klasse, interface, pilefunktioner osv.

Fordele ved brug af TypeScript

• TypeScript er hurtig, enkel, let at lære og kører på enhver browser eller JavaScript-motor.

• det er lignende til JavaScript og bruger den samme syntaks og semantik.

• Dette hjælper backend-udviklere med at skrive frontend kode hurtigere .

• TypeScript-kode kan kaldes fra en eksisterende JavaScript-kode . Det fungerer også med eksisterende JavaScript-rammer og biblioteker uden problemer.

• Definition-filen med .d.ts udvidelse understøtter eksisterende JavaScript-biblioteker som f.eks Jquery, D3.js osv. Så TypeScript-kode kan tilføjes JavaScript-biblioteker ved hjælp af typedefinitioner for at udnytte fordelene ved typekontrol, autofuldførelse af kode og dokumentation i eksisterende dynamisk typede JavaScript-biblioteker.

• Det inkluderer funktioner fra ES6 og ES7 der kan køre i ES5-niveau JavaScript-motorer som f.eks Node.js .

Nu hvor du har forstået, hvad der er TypeScript, lad os gå videre med denne TypeScript-vejledning og se på de forskellige typer.

TypeScript-typer

Typesystemet repræsenterer de forskellige typer værdier, der understøttes af sproget. Det kontrollerer gyldighed af den leverede værdier inden de gemmes eller manipuleres af programmet.

Det kan klassificeres i to typer som:

• Indbygget : Dette inkluderer tal, streng, boolsk, ugyldig, null og udefineret.
• Brugerdefineret : Det inkluderer optællinger (enums), klasser, grænseflader, arrays og tuple.

Lad os nu gå videre med denne TypeScript-vejledning og forstå mere om variabler.

TypeScript-vejledning: Variabler

En variabel er et navngivet rum i hukommelsen, der bruges til at gemme værdier.

Typesyntaks til erklæring af en variabel i TypeScript inkluderer et kolon (:) efter variabelnavnet efterfulgt af dens type. I lighed med JavaScript bruger vi var nøgleord at erklære en variabel.

Der er fire muligheder, når vi erklærer en variabel:

var [identifikator]: [type-kommentar] = værdi

var [identifikator]: [type-kommentar]

var [identifikator] = værdi

var [identificer]

Eksempel:

var name: string = 'Daisy' var empid: number = 1001 console.log ('name' + name) console.log ('medarbejder-id' + empid)

Ved kompilering genererer den følgende JavaScript-kode:

// Genereret af typescript 1.8.10 var name = 'Daisy' var empid = 1001 console.log ('name' + name) console.log ('medarbejder-id:' + empid)

Produktion:

navn: Daisy
medarbejder-id: 1001

Lad os nu gå videre til det næste emne i vores TypeScript-vejledning.

Operatører

En operatør bruges til at definere funktioner, der udføres på dataene. De data, som operatører arbejder på, kaldes operander. Der er forskellige typer operatører i TypeScript som:

• Aritmetiske operatorer
• Logiske operatører
• Relationelle operatører
• Bitvise operatører
• Opgaveoperatører

Aritmetiske operatører

Eksempel:

var num1: nummer = 10 var num2: nummer = 2 var res: nummer = 0 res = num1 + num2 console.log ('Sum:' + res) res = num1 - num2 console.log ('Forskel:' + res) res = num1 * num2 console.log ('Produkt:' + res)

Produktion:

Summen: 12
Forskel: 8
Produkt: 20

Logiske operatører

Eksempel:

var gennemsnit: antal = 20 var procent: antal = 90 konsol.log ('Værdi af gennemsnit:' + gennemsnit + ', værdi af procent:' + procent) var res: boolsk = ((gennemsnit> 50) && (procent> 80 )) console.log ('(gennemsnit> 50) && (procent> 80):', res)

Produktion:

Værdi af gennemsnit: 20, værdi af procent: 90
(gennemsnit> 50) && (procent> 80): falsk

Relationelle operatører

Eksempel:

var num1: nummer = 10 var num2: nummer = 7 console.log ('Værdi af num1:' + num1) console.log ('Værdi af num2:' + num2) var res = num1> num2 console.log ('num1 større end num2: '+ res) res = num1
 Produktion: 
Værdi af tal1: 10 
 Værdi af num2: 7 
 num1 større end num2: sand 
 num1 mindre end num2: false
 Bitvise operatører 
 Operatører 
 Beskrivelse 
 Bitvis OG (&) 
udfører en boolsk AND-operation på hver bit af dets heltalargumenter.
 Bitvis ELLER (|) 
Den udfører en boolsk ELLER-operation på hver bit af dens heltalargumenter.
 Bitvis XOR (^) 
Den udfører en boolsk eksklusiv ELLER-operation på hver bit af dens heltalargumenter.
 Bitvis IKKE (~) 
Dette er en unar operatør og fungerer ved at vende alle bits i operanden.
 Venstre skift (<<) 
Den flytter alle bits i sin første operand til venstre med antallet af steder, der er specificeret i den anden operand.
 Højre forskydning (>>) 
Venstreoperandens værdi flyttes til højre med antallet af bits, der er angivet af den højre operand.
 Højre skift med nul (>>>) 
Det ligner >> operatoren, bortset fra at bitene, der skiftes til venstre, altid er nul.
 Eksempel: 
var a: nummer = 2 // Bitpræsentation 10 var b: antal = 3 // Bitpræsentation 11 var resultat resultat = (a & b) konsol.log ('(a & b) =>', resultat) resultat = ( a | b) console.log ('(a | b) =>', resultat)
 Produktion: 
(a & b) => 2 
 (a | b) => 3
 Opgaveoperatører 
 Operatører 
 Beskrivelse 
 Enkel tildeling (=) 
Tildeler værdier fra højre operand til venstre side operand
 Tilføj og opgave (+ =) 
Den tilføjer den højre operand til den venstre operand og tildeler resultatet til den venstre operand.
 Fratræk og opgave (- =) 
Den trækker den højre operand fra den venstre operand og tildeler resultatet til den venstre operand.
 Multiplicer og tildel (* =) 
Det multiplicerer den højre operand med den venstre operand og tildeler resultatet til den venstre operand.
 Opdeling og opgave (/ =) 
Den deler den venstre operand med den højre operand og tildeler resultatet til den venstre operand.
 Eksempel: 
var a: antal = 12 var b: antal = 10 a = b konsol.log ('a = b:' + a) a + = b konsol.log ('a + = b:' + a) a - = b konsol .log ('a- = b:' + a)
 Produktion: 
a = b: 10 
 a + = b: 20 
 a - = b: 10
Disse var de forskellige operatører. Lad os nu gå videre med vores TypeScript-vejledning og lære om sløjfer.
 Sløjfer 
Der kan være situationer, hvor en blok kode skal udføres flere gange. EN løkke erklæring giver os mulighed for at udføre en erklæring eller gruppe af udsagn flere gange.
TypeScript-sløjferne kan klassificeres som:
 For Loop 
Det til løkke er en implementering af en bestemt loop.
 Syntaks: 
for (første udtryk andet udtryk tredje udtryk) {// udsagn skal udføres gentagne gange}
Her udføres det første udtryk inden sløjfen starter. Det andet udtryk er betingelsen for, at sløjfen udføres. Og det tredje udtryk udføres efter udførelsen af ​​hver kodeblok.
 Eksempel: 
for (lad i = 0 i<2 i++) { console.log ('Execute block statement' + i) }
 Produktion: 
Udfør blokerklæring 0 
Udfør blokerklæring 1
 Mens Loop 
While-loop'en udfører instruktionerne hver gang den angivne tilstand evalueres til sand.
 Syntaks: 
mens (betingelsesudtryk) {// kodeblok, der skal udføres}
 Eksempel: 
lad i: nummer = 1 mens (i<3) { console.log( 'Block statement execution no.' + i ) i++ }
 Produktion: 
Bloker udførelse af erklæring nr. 1 
Bloker udførelse af erklæring nr
 Gør ... Mens du løber 
Do & hellipwhile-sløjfen ligner while-sløjfen, bortset fra at den ikke vurderer tilstanden for første gang, som sløjfen udfører.
 Syntaks: 
gør {// kodeblok, der skal udføres} mens (betingelsesudtryk)
 Eksempel: 
  
lad i: nummer = 1 gøre {console.log ('Blokér udførelse af udsagn nr.' + i) i ++} mens (i<3)
 Produktion: 
Bloker udførelse af erklæring nr. 1 
Blokér udførelse af erklæring nr. 2
Bortset fra disse er der break og continue-udsagn i TypeScript, der bruges i en loop.
 Break Erklæring 
Bruderklæringen bruges til at tage kontrol ud af en konstruktion. Brug af break-sætningen i en loop hjælper programmet med at afslutte loop.
 Eksempel: 
var i: antal = 1 mens (i<=10) { if (i % 5 == 0) { console.log ('The first multiple of 5 between 1 and 10 is : '+i) break //exit the loop if the first multiple is found } i++ } //outputs 5 and exits the loop
 Produktion: 
Det første multiplum af 5 mellem 1 og 10 er: 5
 Fortsæt erklæring 
Fortsæt-udsagnet springer over de efterfølgende udsagn i den aktuelle iteration og fører kontrollen tilbage til begyndelsen af ​​sløjfen.
 Eksempel: 
var num: antal = 0 var antal: antal = 0 for (num = 0num<=10num++) { if (num % 2==0) { continue } count++ } console.log (' The count of odd values between 0 and 10 is: '+count)
 Produktion: 
Antallet af ulige værdier mellem 0 og 10 er: 5
Dette var de forskellige sløjfer i TypeScript. Lad os nu gå videre med vores TypeScript-vejledning og forstå funktioner.
 Funktioner 
I JavaScript, funktioner er en af ​​de vigtigste dele, da det er et funktionelt programmeringssprog. Funktioner sikrer, at programmet er vedligeholdeligt og genanvendeligt og organiseret i læsbare blokke. Mens TypeScript giver konceptet med klasser og moduler, er funktioner stadig en integreret del af sproget.
 Navngivne funktioner 
En navngivet funktion bruges til at erklære og kalde en funktion med dens fornavn.
 Eksempel: 
funktionsdisplay () {console.log ('TypeScript Function')} display ()
 Produktion: 
TypeScript-funktion
 Anonym funktion 
En anonym funktion er en, der defineres som et udtryk. Dette udtryk er gemt i en variabel. Disse funktioner påkaldes ved hjælp af det variabelnavn, som funktionen er gemt i.
 Eksempel: 
lad hilsen = funktion () {console.log ('TypeScript-funktion')} hilsen ()
 Produktion: 
TypeScript-funktion
 Pilefunktion 
Fat arrow notations bruges til anonyme funktioner, dvs. til funktionsudtryk. De kaldes også lambda-funktioner på andre sprog.
 Syntaks: 
(param1, param2, ..., paramN) => udtryk
Ved hjælp af fedtpil (=>) falder behovet for at bruge nøgleordet 'funktion'. Parametre overføres i de vinklede parenteser, og funktionsudtrykket er lukket i de krøllede parenteser {}.
 Eksempel: 
lad sum = (x: nummer, y: nummer): nummer => {returner x + y} sum (10, 30) // returnerer 40
 Funktion Overbelastning 
TypeScript giver konceptet med funktionsoverbelastning. Således kan du have flere funktioner med samme navn, men forskellige parametertyper og returtype.
 Eksempel: 
funktion tilføj (a: streng, b: streng): streng funktion tilføj (a: nummer, b: nummer): antal returnerer a + b} tilføj ('Hej', 'Edureka') // returnerer 'Hej Edureka' tilføj ( 10, 10) // returnerer 20
I ovenstående eksempel har vi den samme funktion tilføj () med to funktionserklæringer og en funktionsimplementering. Den første signatur har to parametre af typestrengen, mens den anden signatur har to parametre for typenummeret.
Dette er de forskellige typer funktioner. Lad os nu gå videre med vores TypeScript-vejledning og forstå strenge i TypeScript.
 TypeScript-vejledning: Strenge 
Det  er en anden primitiv datatype, der bruges til at gemme tekstdata. Strengværdier er omgivet af enkelt anførselstegn eller dobbelt anførselstegn.
 Syntaks: 
var var_name = ny streng (streng)
Der er forskellige egenskaber ved tilgængelige metoder i strengobjekt, såsom:
 Bygger - Den returnerer en henvisning til strengfunktionen, der oprettede objektet
 Længde - Dette returnerer længden af ​​strengen
 Prototype - Denne egenskab giver dig mulighed for at tilføje egenskaber og metoder til et objekt
 Eksempel: 
lad navn = ny streng ('Velkommen til Edureka!') console.log ('Message:' + name) console.log ('Length:' + name.length)
 Produktion: 
Besked: Velkommen til Edureka! 
 Længde: 19
 Strengmetoder 
Listen over metoder i strengobjekt inkluderer:
 Metode 
 Beskrivelse 
 charAt () 
Det returnerer tegnet ved det angivne indeks
 charCodeAt () 
Det returnerer et tal, der angiver Unicode-værdien for tegnet ved det givne indeks
 concat () 
hvad er de 6 måder at bruge dette nøgleord på
Kombinerer teksten i to strenge og returnerer en ny streng
 indeks af() 
Returnerer indekset inden for det kaldende String-objekt for den første forekomst af den angivne værdi
 lastIndexOf () 
Det returnerer indekset inden for det kaldende strengobjekt for den sidste forekomst af den angivne værdi
 match() 
Bruges til at matche et regulært udtryk mod en streng
 localeCompare () 
Returnerer et tal, der angiver, om en referencestreng kommer før eller efter eller er den samme som den givne streng i sorteringsrækkefølge
 Søg() 
Dette udfører søgningen efter et match mellem et regulært udtryk og en specificeret streng
 erstatte() 
Bruges til at finde et match mellem et regulært udtryk og en streng og til at erstatte det matchede substring med et nyt substring
 skive() 
Det udtrækker et afsnit af en streng og returnerer en ny streng
 dele() 
Opdeler et strengobjekt i en række strenge ved at adskille strengen i understrenge
 substr () 
Returnerer tegnene i en streng, der begynder på den angivne placering gennem det angivne antal tegn
 understreng () 
Det returnerer tegnene i en streng mellem to indekser i strengen
 toLocaleLowerCase () 
Tegnene i en streng konverteres til små bogstaver med respekt for den aktuelle lokalitet
 toLocaleUpperCase () 
Tegnene i en streng konverteres til store bogstaver med respekt for den aktuelle lokalitet
 toLowerCase () 
Det returnerer den kaldende strengværdi konverteret til små bogstaver
 toUpperCase () 
Det returnerer den kaldende strengværdi konverteret til store bogstaver
 toString () 
Returnerer en streng, der repræsenterer det angivne objekt
 Værdi af() 
Returnerer den primitive værdi for det angivne objekt
 Eksempel: 
lad str: string = 'Velkommen til Edureka' str.charAt (0) // returnerer 'w' str.charAt (2) // returnerer 'l' Velkommen til Edureka '. charAt (2) returnerer' l 'lad str1 : string = 'velkommen' lad str2: string = 'Edureka' str1.concat (str2) // returnerer 'welcomeEdureka' str1.concat ('', str2) // returnerer 'velkommen Edureka' str1.concat ('' til ' ') // returnerer' velkommen til '
Nu hvor du kender til strenge, skal vi gå videre med denne TypeScript-tutorial og forstå arrays.
 Arrays i TypeScript 
An array er en speciel type datatype, der sekventielt lagrer flere værdier af forskellige datatyper ved hjælp af en særlig syntaks. Matrixelementer identificeres ved et unikt heltal kaldet elementets abonnement eller indeks.
 Syntaks: 
var array_name [: datatype] // erklæring array_name = [val1, val2, valn ..] // initialisering
 Eksempel: 
lad navne: Array names = ['John', 'Daisy', 'Rachel'] let ids: Array ids = [101, 700, 321]
 Arraymetoder 
Her er en liste over forskellige Array-metoder, der kan bruges til forskellige formål:
 Metode 
 Beskrivelse 
 filter() 
Opretter et nyt array med alle elementerne i dette array, som den medfølgende filtreringsfunktion returnerer sandt for
 hver() 
Returnerer sandt, hvis hvert element i denne matrix opfylder den leverede testfunktion
 concat () 
Returnerer et nyt array, der består af dette array, der er forbundet med andre arrays
 indeks af() 
Returnerer det første eller mindste indeks for et element inden for arrayet svarende til den angivne værdi
 for hver() 
Kalder til en funktion for hvert element i arrayet
 tilslutte() 
Forbinder alle elementer i et array til en streng
 lastIndexOf () 
Returnerer det sidste eller største indeks for et element i arrayet svarende til den angivne værdi
 kort() 
Opretter en ny matrix med resultaterne af at kalde en forudsat funktion på hvert element i denne matrix
 skubbe() 
Tilføjer et eller flere elementer til slutningen af ​​et array og returnerer arrayets nye længde
 pop () 
Fjerner det sidste element fra en matrix og returnerer elementet
 reducere() 
Anvend en funktion samtidigt mod to værdier i arrayet fra venstre mod højre for at reducere den til en enkelt værdi
 reducere højre () 
Anvend en funktion samtidigt mod to værdier i arrayet fra højre til venstre for at reducere den til en enkelt værdi
 baglæns() 
Vender rækkefølgen af ​​elementerne i en matrix
 flytte() 
Fjerner det første element fra en matrix og returnerer elementet
 skive() 
Uddrag et afsnit af et array og returnerer et nyt array
 nogle() 
Det returnerer sandt, hvis mindst et element i denne matrix opfylder den leverede testfunktion
 sortere() 
Det sorterer elementerne i en matrix
 toString () 
Returnerer en streng, der repræsenterer arrayet og dets elementer
 splejsning () 
Det tilføjer og / eller fjerner elementer fra en matrix
 skift () 
Tilføjer et eller flere elementer på forsiden af ​​en matrix og returnerer den nye længde på arrayet
 Eksempel: 
var navn: Array = ['John', 'Daisy', 'Tara'] name.sort () console.log (name) // output: ['Daisy', 'John', 'Tara'] console.log ( name.pop ()) // output: Tara name.push ('Rachel') console.log (name) // output: ['John', 'Daisy', 'Rachel']
Lad os nu gå videre med denne TypeScript-vejledning og lære om grænseflader.
 TypeScript-grænseflader 
Interfacet er en struktur, der definerer kontrakten i din ansøgning. Det definerer syntaksen for klasser, der skal følges. Den indeholder kun erklæringen fra medlemmerne, og det er den afledende klasses ansvar at definere medlemmerne.
 Eksempel: 
interface Medarbejder {empID: number empName: string getSalary: (number) => number // arrow function getManagerName (number): string}
I ovenstående eksempel er Medarbejder interface indeholder to egenskaber empID og empName . Det inkluderer også en metodedeklaration getSalaray ved hjælp af en pilfunktion som inkluderer en nummerparameter og en nummerreturtype. Det getManagerName metode erklæres ved hjælp af en normal funktion.
 TypeScript  Klasser 
TypeScript introducerede klasser, så de kan benytte fordelene ved objektorienterede teknikker som indkapsling og abstraktion. Klassen i TypeScript kompileres til almindelige JavaScript-funktioner af TypeScript-compileren til at fungere på tværs af platforme og browsere.
En klasse inkluderer følgende:
 Bygger 
 Ejendomme 
 Metoder 
 Eksempel: 
klasse Medarbejder {empID: number empName: string constructor (ID: number, name: string) {this.empName = name this.empID = ID} getSalary (): number {return 40000}}
 Arv 
TypeScript understøtter Arv da det er et programs evne til at oprette nye klasser fra en eksisterende klasse. Klassen, der udvides til at oprette nyere klasser, kaldes forældreklassen eller superklassen. De nyoprettede klasser kaldes under- eller underklasser.
En klasse arver fra en anden klasse ved hjælp af nøgleordet 'udvider'. Børneklasser arver alle egenskaber og metoder undtagen private medlemmer og konstruktører fra moderklassen. Men TypeScript understøtter ikke flere arv.
 Syntaks: 
klasse child_class_name udvider parent_class_name
 Eksempel: 
klasse Person {name: string constructor (name: string) {this.name = name}} class Medarbejder udvider Person {empID: number constructor (empID: number, name: string) {super (name) this.empID = empid} displayName (): ugyldigt {console.log ('Name =' + this.name + ', Medarbejder-ID =' + this.empID)}} lad emp = ny medarbejder (701, 'Jason') emp.displayName () // Navn = Jason, medarbejder-id = 701
Nu hvor du kender til klasser, lad os gå videre med denne TypeScript-vejledning og lære om objekter.
 Objekter i TypeScript 
Et objekt er en forekomst, der indeholder et andet sæt nøgleværdipar. Værdierne kan være skalære værdier eller funktioner eller endda en række andre objekter.
 Syntaks: 
var object_name = {key1: “value1”, // scalar value key2: “value”, key3: function () {// functions}, key4: [“content1”, “content2”]
Et objekt kan indeholde skalære værdier, funktioner og strukturer som arrays og tuples.
 Eksempel: 
var person = {firstname: 'Danny', lastname: 'Green'} // få adgang til objektværdierne console.log (person.firstname) console.log (person.lastname)
Ved kompilering genererer den samme kode i JavaScript.
 Produktion: 
Danny 
 Grøn
Disse var de forskellige vigtige elementer i TypeScript. Lad os nu gå videre med denne TypeScript-vejledning og se på et eksempel for at forstå brugssagen.
 TypeScript-vejledning: Brug sag 
Her vil vi lære at konvertere en eksisterende  til TypeScript.
Når vi kompilerer en TypeScript-fil, producerer den tilsvarende JavaScript-fil med samme navn. Her skal vi sikre, at vores originale JavaScript-fil, der fungerer som input, ikke kan være i samme bibliotek, så TypeScript ikke tilsidesætter dem.
Processen til at migrere fra JavaScript til TypeScript inkluderer følgende trin:
 1.Føj tsconfig.json-filen til projektet 
Du skal tilføje en tsconfig.json-fil til projektet. TypeScript bruger en tsconfig.json-fil til at styre projektets kompileringsmuligheder, f.eks. Hvilke filer du vil medtage og ekskludere.
{'compilerOptions': {'outDir': './built', 'allowJs': true, 'target': 'es5'}, 'include': ['./src/**/*']}
 2. Integrer med et buildværktøj 
De fleste JavaScript-projekter har et integreret buildværktøj som gulp eller webpack. Du kan integrere projekter med webpack på følgende måder:
Kør følgende kommando på terminalen:
$ npm installer awesome-typescript-loader source-map-loader
I webpack-integration bruger du awesome-typescript-loader kombineret med source-map-loader for lettere fejlfinding af kildekode.
For det andet flet modulkonfigurationsegenskaben i vores webpack.config.js-fil for at inkludere læssere.
 3. Flyt alle .js-filer til .ts-filer 
I dette trin skal du omdøbe .js-filen til .ts-filen. På samme måde, hvis filen bruger JSX, skal du omdøbe den til .tsx. Nu, hvis vi åbner den fil i en editor, der understøtter TypeScript, kan nogle af koderne muligvis give kompileringsfejl. Så konvertering af filer en efter en gør det lettere at håndtere kompileringsfejl. Hvis TypeScript finder kompileringsfejl under konvertering, kan den stadig oversætte koden.
 4. Kontroller for fejl 
Efter at have flyttet js-filen til ts-filen, starter TypeScript straks Type Checking af vores kode. Så du kan få diagnostiske fejl i JavaScript-koden.
 5. Brug tredjeparts JavaScript-biblioteker 
JavaScript-projekter bruger tredjepartsbiblioteker som f.eks  eller Lodash. For at kompilere filer skal TypeScript kende typerne af alle objekter i disse biblioteker. TypeScript Type-definitionsfilerne til JavaScript-biblioteker er allerede tilgængelige på DefinitelyTyped. Så det er ikke nødvendigt at installere denne type eksternt. Du skal kun installere de typer, der bruges i vores projekt.
For jQuery kan du installere definitionen:
$ npm install @ types / jquery
Herefter foretager du ændringerne i JavaScript-projektet, kører buildværktøjet. Nu skal du have TypeScript-projektet samlet til almindeligt JavaScript, der kan køres i browseren.
Med dette er vi kommet til slutningen af ​​denne TypeScript-tutorial. Jeg håber, du har forstået alle de vigtige elementer i TypeScript.
 Tjek     af Edureka.  Webudvikling certificeringstræning hjælper dig med at lære, hvordan du opretter imponerende websteder ved hjælp af HTML5, CSS3, Twitter Bootstrap 3, jQuery og Google API'er og distribuerer det til Amazon Simple Storage Service (S3). 
 Har du et spørgsmål til os? Nævn det i kommentarfeltet i “TypeScript Tutorial”, så vender vi tilbage til dig.