TypeScript-veiledning: Kjenn til grunnleggende informasjon om TypeScript

TypeScript er et sterkt skrevet supersett av som samles til vanlig JavaScript. Du kan bruke dette språket for utvikling av JavaScript på applikasjonsskala. Det kan også kjøres i hvilken som helst nettleser, hvilken som helst vert og hvilket som helst operativsystem. I denne TypeScript-opplæringen vil vi komme inn i dybden på TypeScript og forstå det grunnleggende i følgende sekvens:

• Introduksjon til TypeScript
• TypeScript-typer
• Variabler
• Operatører
• Sløyfer
• Funksjoner
• Strenger
• Arrays
• Grensesnitt
• Klasser
• Objekter
• TypeScript brukstilfelle

Introduksjon til TypeScript

TypeScript er et skrevet supersett av JavaScript som kompileres til vanlig JavaScript. TypeScript er ren objektorientert med klasser, grensesnitt og statisk typede programmeringsspråk som C # eller . Det krever en kompilator for å kompilere og generere i JavaScript-fil. I utgangspunktet er TypeScript ES6-versjonen av JavaScript med noen ekstra funksjoner.

En TypeScript-kode skrives i en fil med .ts utvidelse og deretter kompilert til JavaScript ved hjelp av kompilatoren. Du kan skrive filen i hvilken som helst kodeditor, og kompilatoren må installeres på plattformen din. Etter installasjonen, kommandoen tsc .ts kompilerer TypeScript-koden til en vanlig JavaScript-fil.

Syntaks:

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

Ved kompilering genererer den følgende JavaScript-kode:

// Generert av typescript 1.8.10 var message = 'Velkommen til Edureka!' console.log (melding)

Funksjoner av TypeScript

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

  
  
  

• Objektorientert språk : TypeScript gir funksjoner som Klasser , Grensesnitt og moduler. Dermed kan den skrive objektorientert kode for både klientsiden og server-side-utvikling.

• Statisk typekontroll : TypeScript bruker statisk skriving og hjelper til med å skrive sjekke ved kompileringstidspunktet. Dermed kan du finne feil mens du skriver koden uten å kjøre skriptet.

• Valgfri statisk typing : TypeScript tillater også valgfri statisk skriving i tilfelle du bruker den dynamiske typen av JavaScript.

• DOM-manipulasjon : Du kan bruke TypeScript til å manipulere DOM for å legge til eller fjerne elementer.

• ES 6 Funksjoner : TypeScript inneholder de fleste funksjonene i planlagt ECMAScript 2015 (ES 6, 7) som klasse, grensesnitt, pilfunksjoner osv.

Fordeler ved bruk av TypeScript

• TypeScript er raskt, enkelt, lett å lære og kjører på hvilken som helst nettleser eller JavaScript-motor.

• Det er lignende til JavaScript og bruker samme syntaks og semantikk.

• Dette hjelper backend-utviklere med å skrive frontend koden raskere .

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

• Definisjonsfilen, med .d.ts-utvidelse, gir støtte for eksisterende JavaScript-biblioteker som Jquery, D3.js osv. Så TypeScript-kode kan legges til JavaScript-biblioteker ved hjelp av typedefinisjoner for å benytte fordelene med typekontroll, autofullføring av kode og dokumentasjon i eksisterende dynamisk typede JavaScript-biblioteker.

• Den inkluderer funksjoner fra ES6 og ES7 som kan kjøres i JavaScript-motorer på ES5-nivå som Node.js .

Nå som du har forstått hva som er TypeScript, la oss gå videre med denne TypeScript-veiledningen og se på de forskjellige typene.

TypeScript-typer

Type System representerer de forskjellige verdityper som støttes av språket. Den sjekker gyldighet av den medfølgende verdier før de lagres eller manipuleres av programmet.

Det kan klassifiseres i to typer som:

• Innebygd : Dette inkluderer tall, streng, boolsk, ugyldig, null og udefinert.
• Brukerdefinert : Den inkluderer Oppregninger (enums), klasser, grensesnitt, matriser og tuple.

La oss nå gå videre med denne TypeScript-veiledningen og forstå mer om variabler.

TypeScript-veiledning: variabler

En variabel er et navngitt mellomrom i minnet som brukes til å lagre verdier.

Type syntaksen for å deklarere en variabel i TypeScript inkluderer et kolon (:) etter variabelnavnet, etterfulgt av typen. I likhet med JavaScript bruker vi var nøkkelord å erklære en variabel.

Det er fire alternativer når vi erklærer en variabel:

var [identifier]: [type-kommentar] = verdi

var [identifier]: [type-kommentar]

var [identifier] = value

var [identifisere]

Eksempel:

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

Ved kompilering vil den generere følgende JavaScript-kode:

hva gjør bufferedreader i java

// Generert av typescript 1.8.10 var name = 'Daisy' var empid = 1001 console.log ('name' + name) console.log ('medarbeider-id:' + empid)

Produksjon:

navn: Daisy
ansatt id: 1001

La oss nå gå videre til neste emne i TypeScript-veiledningen.

Operatører

En operatør brukes til å definere funksjoner som skal utføres på dataene. Dataene som operatører jobber med kalles operander. Det finnes forskjellige typer operatører i TypeScript som:

• Aritmetiske operatører
• Logiske operatører
• Relasjonsoperatører
• Bitvise operatører
• Oppdragsoperatø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 ('Forskjell:' + res) res = num1 * num2 console.log ('Produkt:' + res)

Produksjon:

Sum: 12
Forskjell: 8
Produkt: 20

Logiske operatører

Eksempel:

var avg: number = 20 var percentage: number = 90 console.log ('Verdi av avg:' + avg + ', verdi av prosent:' + prosent) var res: boolean = ((avg> 50) && (prosent> 80 )) console.log ('(avg> 50) && (prosent> 80):', res)

Produksjon:

Verdi av gjennomsnitt: 20, verdi av prosent: 90
(gjennomsnitt> 50) && (prosent> 80): usann

Relasjonsoperatører

Eksempel:

var num1: nummer = 10 var num2: nummer = 7 console.log ('Verdi av num1:' + num1) console.log ('Verdi av num2:' + num2) var res = num1> num2 console.log ('num1 større enn num2: '+ res) res = num1
 Produksjon: 
Verdien av tall1: 10 
 Verdien av num2: 7 
 num1 større enn num2: sant 
 num1 mindre enn num2: false
 Bitvise operatører 
 Operatører 
 Beskrivelse 
 Bitvis OG (&) 
utfører en boolsk OG-operasjon på hver bit av heltallargumentene.
 Bitvis ELLER (|) 
Den utfører en boolsk ELLER-operasjon på hver bit av heltallargumentene.
 Bitvis XOR (^) 
Den utfører en boolsk eksklusiv ELLER-operasjon på hver bit av heltallargumentene.
 Bitvis IKKE (~) 
Dette er en unarisk operatør og opererer ved å reversere alle bitene i operanden.
 Venstre shift (<<) 
Den beveger alle bitene i sin første operand til venstre med antall steder spesifisert i den andre operanden.
 Høyre skift (>>) 
Venstreoperandens verdi flyttes til høyre av antall bits spesifisert av høyre operand.
 Høyre skift med null (>>>) 
Det ligner på >> operator, bortsett fra at bitene som er forskjøvet inn til venstre alltid er null.
 Eksempel: 
var a: number = 2 // Bit presentasjon 10 var b: number = 3 // Bit presentasjon 11 var result result = (a & b) console.log ('(a & b) =>', result) result = ( a | b) console.log ('(a | b) =>', resultat)
 Produksjon: 
(a & b) => 2 
 (a | b) => 3
 Oppdragsoperatører 
 Operatører 
 Beskrivelse 
 Enkel oppgave (=) 
Tilordner verdier fra høyre side operand til venstre side operand
 Legg til og oppgave (+ =) 
Den legger til høyre operand til venstre operand og tildeler resultatet til venstre operand.
 Trekk og oppgave (- =) 
Den trekker høyre operand fra venstre operand og tildeler resultatet til venstre operand.
 Multipliser og oppgave (* =) 
Den multipliserer høyre operand med venstre operand og tildeler resultatet til venstre operand.
 Del og oppgave (/ =) 
Den deler venstre operand med høyre operand og tildeler resultatet til venstre operand.
 Eksempel: 
var a: nummer = 12 var b: nummer = 10 a = b konsoll.log ('a = b:' + a) a + = b konsoll.log ('a + = b:' + a) a - = b konsoll .log ('a- = b:' + a)
 Produksjon: 
a = b: 10 
 a + = b: 20 
 a - = b: 10
Dette var de forskjellige operatørene. La oss nå gå videre med vår TypeScript-veiledning og lære om løkker.
 Sløyfer 
Det kan være situasjoner når en blokk med kode må utføres flere ganger. EN Løkke uttalelse lar oss utføre en uttalelse eller gruppe av uttalelser flere ganger.
TypeScript-sløyfene kan klassifiseres som:
 For Loop 
De for løkke er en implementering av en bestemt løkke.
 Syntaks: 
for (første uttrykk andre uttrykk tredje uttrykk) {// uttalelser som skal utføres gjentatte ganger}
Her blir det første uttrykket utført før sløyfen starter. Det andre uttrykket er betingelsen for at løkken skal utføres. Og det tredje uttrykket kjøres etter utførelsen av hver kodeblokk.
 Eksempel: 
for (la i = 0 i<2 i++) { console.log ('Execute block statement' + i) }
 Produksjon: 
Utfør blokkuttrykk 0 
Utfør blokkeringsuttalelse 1
 Mens Loop 
Mens loop utfører instruksjonene hver gang den spesifiserte tilstanden evalueres til sant.
 Syntaks: 
mens (tilstandsuttrykk) {// kodeblokk som skal utføres}
 Eksempel: 
la jeg: nummer = 1 mens (i<3) { console.log( 'Block statement execution no.' + i ) i++ }
 Produksjon: 
Blokker utførelse nr.1 
Blokker utførelse nr.2
 Gjør ... Mens du løkker 
Do & hellipwhile-sløyfen ligner på mens sløyfen bortsett fra at den ikke vurderer tilstanden for første gang sløyfen kjøres.
 Syntaks: 
gjør {// kodeblokk som skal utføres} mens (tilstandsuttrykk)
 Eksempel: 
  
la jeg: nummer = 1 gjøre {console.log ('Block statement executing no.' + i) i ++} while (i<3)
 Produksjon: 
Blokker utførelse nr.1 
Blokker utførelse nr.2
Bortsett fra disse, er det pause og fortsett uttalelser i TypeScript som brukes i en loop.
 Break Statement 
Brudduttalelsen brukes til å ta kontroll ut av en konstruksjon. Å bruke pauseuttalelsen i en sløyfe hjelper programmet med å avslutte sløyfen.
 Eksempel: 
var i: tall = 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
 Produksjon: 
Det første multiplumet av 5 mellom 1 og 10 er: 5
 Fortsett uttalelse 
Fortsett uttalelsen hopper over de påfølgende uttalelsene i gjeldende iterasjon og tar kontrollen tilbake til begynnelsen av sløyfen.
 Eksempel: 
var num: number = 0 var count: number = 0 for (num = 0num<=10num++) { if (num % 2==0) { continue } count++ } console.log (' The count of odd values between 0 and 10 is: '+count)
 Produksjon: 
Antall odde verdier mellom 0 og 10 er: 5
Dette var de forskjellige sløyfene i TypeScript. La oss nå gå videre med vår TypeScript-veiledning og forstå funksjoner.
 Funksjoner 
I JavaScript, funksjoner er en av de viktigste delene, da det er et funksjonelt programmeringsspråk. Funksjoner sørger for at programmet er vedlikeholdbart og gjenbrukbart, og organisert i lesbare blokker. Mens TypeScript gir konseptet med klasser og moduler, er funksjoner fortsatt en integrert del av språket.
 Navngitte funksjoner 
En navngitt funksjon brukes til å erklære og kalle en funksjon med fornavn.
 Eksempel: 
funksjonsdisplay () {console.log ('TypeScript Function')} display ()
 Produksjon: 
TypeScript-funksjon
 Anonym funksjon 
En anonym funksjon er en som er definert som et uttrykk. Dette uttrykket er lagret i en variabel. Disse funksjonene påkalles ved hjelp av variabelnavnet som funksjonen er lagret i.
 Eksempel: 
la hilsen = funksjon () {console.log ('TypeScript-funksjon')} hilsen ()
 Produksjon: 
TypeScript-funksjon
 Pilfunksjon 
Fat pil notasjoner brukes til anonyme funksjoner, dvs. for funksjonsuttrykk. De kalles også lambdafunksjoner på andre språk.
 Syntaks: 
(param1, param2, ..., paramN) => uttrykk
Ved å bruke fettpil (=>) faller behovet for å bruke nøkkelordet ‘funksjon’. Parametere sendes i vinkelparentesene, og funksjonsuttrykket er lukket i krøllete parenteser {}.
 Eksempel: 
la sum = (x: nummer, y: nummer): nummer => {return x + y} sum (10, 30) // returnerer 40
 Funksjon Overbelastning 
TypeScript gir konseptet med funksjonsoverbelastning. Dermed kan du ha flere funksjoner med samme navn, men forskjellige parametertyper og returtype.
 Eksempel: 
funksjon legg til (a: streng, b: streng): strengfunksjon legg til (a: nummer, b: nummer): nummer retur a + b} legg til ('Hello', 'Edureka') // returnerer 'Hello Edureka' add ( 10, 10) // returnerer 20
I eksemplet ovenfor har vi den samme funksjonen add () med to funksjonserklæringer og en funksjonsimplementering. Den første signaturen har to parametere av typestrengen, mens den andre signaturen har to parametere for typenummeret.
Dette er de forskjellige typene funksjoner. La oss nå gå videre med vår TypeScript-veiledning og forstå strengene i TypeScript.
 TypeScript-veiledning: strenger 
De  er en annen primitiv datatype som brukes til å lagre tekstdata. Strengverdier er omgitt av enkle anførselstegn eller doble anførselstegn.
 Syntaks: 
var var_name = new String(string)
Det er forskjellige egenskaper for metoder som er tilgjengelige i strengobjekt, for eksempel:
 Bygger - Den returnerer en referanse til String-funksjonen som opprettet objektet
 Lengde - Dette returnerer lengden på strengen
 Prototype - Denne egenskapen lar deg legge til egenskaper og metoder til et objekt
 Eksempel: 
let name = new String ('Welcome to Edureka!') console.log ('Message:' + name) console.log ('Length:' + name.length)
 Produksjon: 
Melding: Velkommen til Edureka! 
 Lengde: 19
 Strengmetoder 
Listen over metoder i strengobjekt inkluderer:
 Metode 
 Beskrivelse 
 charAt () 
Den returnerer tegnet ved den angitte indeksen
 charCodeAt () 
Den returnerer et tall som indikerer Unicode-verdien til tegnet ved den gitte indeksen
 concat () 
Kombinerer teksten til to strenger og returnerer en ny streng
 oversikt over() 
Returnerer indeksen innenfor det anropende strengobjektet for den første forekomsten av den angitte verdien
 lastIndexOf () 
Den returnerer indeksen innenfor det anropende strengobjektet for den siste forekomsten av den angitte verdien
 kamp() 
Brukes til å matche et vanlig uttrykk mot en streng
 localeCompare () 
Returnerer et tall som indikerer om en referansestreng kommer før eller etter eller er den samme som den angitte strengen i sorteringsrekkefølge
 Søk() 
Dette utfører søket etter et samsvar mellom et vanlig uttrykk og en spesifisert streng
 erstatte() 
Brukes til å finne et samsvar mellom et regulært uttrykk og en streng, og til å erstatte den matchede strengen med en ny understreng
 skjære() 
Den trekker ut en del av en streng og returnerer en ny streng
 dele() 
Deler et strengobjekt i en rekke strenger ved å skille strengen i understrenger
 substr () 
Returnerer tegnene i en streng som begynner på det angitte stedet gjennom det angitte antall tegn
 substring () 
Den returnerer tegnene i en streng mellom to indekser i strengen
 toLocaleLowerCase () 
Tegnene i en streng konverteres til små bokstaver mens de respekterer gjeldende sted
 toLocaleUpperCase () 
Tegnene i en streng konverteres til store bokstaver mens de respekterer gjeldende sted
 toLowerCase () 
Den returnerer anropsstrengverdien konvertert til små bokstaver
 toUpperCase () 
Den returnerer anropsstrengverdien konvertert til store bokstaver
 toString () 
Returnerer en streng som representerer det angitte objektet
 verdien av() 
Returnerer den primitive verdien til det spesifiserte objektet
 Eksempel: 
la str: string = 'Velkommen til Edureka' str.charAt (0) // returnerer 'w' str.charAt (2) // returnerer 'l' Velkommen til Edureka '. charAt (2) returnerer' l 'la str1 : streng = 'velkommen' la str2: streng = 'Edureka' str1.concat (str2) // returnerer 'welcomeEdureka' str1.concat ('', str2) // returnerer 'velkommen Edureka' str1.concat ('' til ' ') // returnerer' velkommen til '
Nå som du vet om strenger, la oss gå videre med denne TypeScript-opplæringen og forstå matriser.
 Arrays i TypeScript 
An array er en spesiell type datatype som lagrer flere verdier av forskjellige datatyper sekvensielt ved hjelp av en spesiell syntaks. Matriseelementer identifiseres av et unikt heltall kalt elementets indeks eller indeks.
 Syntaks: 
var array_name [: datatype] // erklæring array_name = [val1, val2, valn ..] // initialisering
 Eksempel: 
la navn: Array names = ['John', 'Daisy', 'Rachel'] let ids: Array ids = [101, 700, 321]
 Array Methods 
Her er en liste over forskjellige Array-metoder som kan brukes til forskjellige formål:
 Metode 
 Beskrivelse 
 filter() 
Oppretter en ny matrise med alle elementene i denne matrisen som den angitte filtreringsfunksjonen returnerer sant for
 hver() 
Returnerer sant hvis hvert element i denne matrisen tilfredsstiller den angitte testfunksjonen
 concat () 
Returnerer en ny matrise som består av denne matrisen sammen med andre matriser
 oversikt over() 
Returnerer den første eller minste indeksen til et element i matrisen som er lik den angitte verdien
 for hver() 
Kaller en funksjon for hvert element i matrisen
 bli med() 
Føyer sammen alle elementene i en matrise i en streng
 lastIndexOf () 
Returnerer den siste eller største indeksen til et element i matrisen som er lik den angitte verdien
 kart() 
Oppretter en ny matrise med resultatene av å ringe en gitt funksjon på hvert element i denne matrisen
 trykk() 
Legger til ett eller flere elementer i slutten av en matrise og returnerer den nye lengden på matrisen
 pop () 
Fjerner det siste elementet fra en matrise og returnerer det elementet
 redusere() 
Bruk en funksjon samtidig mot to verdier i matrisen fra venstre til høyre for å redusere den til en enkelt verdi
 reduser høyre () 
Bruk en funksjon samtidig mot to verdier i matrisen fra høyre til venstre for å redusere den til en enkelt verdi
 omvendt() 
Vender rekkefølgen på elementene i en matrise
 skifte() 
Fjerner det første elementet fra en matrise og returnerer det elementet
 skjære() 
Pakk ut en del av en matrise og returnerer en ny matrise
 noen() 
Det blir sant hvis minst ett element i denne matrisen tilfredsstiller den angitte testfunksjonen
 sortere() 
Den sorterer elementene i en matrise
 toString () 
Returnerer en streng som representerer matrisen og dens elementer
 skjøte () 
Den legger til og / eller fjerner elementer fra en matrise
 skifte () 
Legger til ett eller flere elementer foran på en matrise og returnerer den nye lengden på matrisen
 Eksempel: 
var name: 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']
La oss nå gå videre med denne TypeScript-veiledningen og lære om grensesnitt.
 TypeScript-grensesnitt 
Grensesnittet er en struktur som definerer kontrakten i søknaden din. Den definerer syntaksen for klasser å følge. Den inneholder kun erklæringen fra medlemmene, og det er den avledede klassens ansvar å definere medlemmene.
 Eksempel: 
sqoop import fra oracle til hdfs
grensesnitt Ansatt {empID: number empName: string getSalary: (number) => number // arrow function getManagerName (number): string}
I eksemplet ovenfor er Ansatt grensesnittet inneholder to egenskaper empID og empName . Det inkluderer også en metodedeklarasjon getSalaray bruker en pilfunksjon som inkluderer en tallparameter og en nummerreturtype. De getManagerName metoden er erklært ved hjelp av en normal funksjon.
 TypeScript  Klasser 
TypeScript introduserte klasser slik at de kan benytte seg av fordelene med objektorienterte teknikker som innkapsling og abstraksjon. Klassen i TypeScript er samlet til vanlige JavaScript-funksjoner av TypeScript-kompilatoren for å fungere på tvers av plattformer og nettlesere.
En klasse inkluderer følgende:
 Bygger 
 Egenskaper 
 Metoder 
 Eksempel: 
klasse Ansatt {empID: number empName: string constructor (ID: number, name: string) {this.empName = name this.empID = ID} getSalary (): number {return 40000}}
 Arv 
TypeScript støtter Arv ettersom det er evnen til et program å lage nye klasser fra en eksisterende klasse. Klassen som utvides for å opprette nyere klasser kalles foreldreklassen eller superklassen. De nyopprettede klassene kalles barn eller underklasser.
En klasse arver fra en annen klasse ved å bruke søkeordet 'utvider'. Barneklasser arver alle eiendommer og metoder unntatt private medlemmer og konstruktører fra foreldreklassen. Men TypeScript støtter ikke flere arv.
 Syntaks: 
klasse child_class_name utvider foreldre_class_name
 Eksempel: 
klasse Person {name: string constructor (name: string) {this.name = name}} class Medarbeider utvider Person {empID: number constructor (empID: number, name: string) {super (name) this.empID = empid} displayName (): void {console.log ('Name =' + this.name + ', Employee ID =' + this.empID)}} let emp = new Employee (701, 'Jason') emp.displayName () // Navn = Jason, ansattes ID = 701
Nå som du vet om klasser, la oss gå videre med denne TypeScript-veiledningen og lære om objekter.
 Objekter i TypeScript 
Et objekt er en forekomst som inneholder et annet sett med nøkkelverdipar. Verdiene kan være skalære verdier eller funksjoner eller til og med en rekke andre objekter.
 Syntaks: 
var object_name = {key1: “value1”, // scalar value key2: “value”, key3: function () {// functions}, key4: [“content1”, “content2”]
Et objekt kan inneholde skalære verdier, funksjoner og strukturer som matriser og tupler.
 Eksempel: 
var person = {firstname: 'Danny', lastname: 'Green'} // få tilgang til objektverdiene console.log (person.firstname) console.log (person.lastname)
Ved kompilering vil den generere den samme koden i JavaScript.
 Produksjon: 
Danny 
 Grønn
Dette var de forskjellige viktige elementene i TypeScript. La oss nå gå videre med denne TypeScript-veiledningen og se på et eksempel for å forstå brukssaken.
 TypeScript-veiledning: Bruk sak 
Her vil vi lære å konvertere en eksisterende  til TypeScript.
Når vi kompilerer en TypeScript-fil, produserer den tilsvarende JavaScript-fil med samme navn. Her må vi sørge for at vår originale JavaScript-fil som fungerer som input ikke kan være i samme katalog, slik at TypeScript ikke overstyrer dem.
Prosessen for å migrere fra JavaScript til TypeScript inkluderer følgende trinn:
 1. Legg til tsconfig.json-filen til prosjektet 
Du må legge til en tsconfig.json-fil i prosjektet. TypeScript bruker en tsconfig.json-fil for å administrere kompileringsalternativene til prosjektet, for eksempel hvilke filer du vil inkludere og ekskludere.
{'compilerOptions': {'outDir': './built', 'allowJs': true, 'target': 'es5'}, 'include': ['./src/**/*']}
 2. Integrer med et byggeverktøy 
De fleste JavaScript-prosjekter har et integrert verktøy som gulp eller webpack. Du kan integrere prosjekter med webpack på følgende måter:
Kjør følgende kommando på terminalen:
$ npm installer awesome-typescript-loader kildekart-loader
I webpack-integrasjon bruker du fantastisk-typescript-loader kombinert med kildekart-loader for enklere feilsøking av kildekoden.
For det andre, slå sammen modulkonfigurasjonsegenskapen i filen webpack.config.js for å inkludere lastere.
 3. Flytt alle .js-filer til .ts-filer 
I dette trinnet må du gi nytt navn til .js-filen til .ts-filen. På samme måte, hvis filen bruker JSX, må du endre navn på den til .tsx. Nå, hvis vi åpner den filen i en editor som støtter TypeScript, kan noen av kodene begynne å gi kompileringsfeil. Så, konvertering av filer en etter en gjør det lettere å håndtere kompileringsfeil. Hvis TypeScript finner noen kompileringsfeil under konvertering, kan den fortsatt oversette koden.
 4. Se etter feil 
Etter å ha flyttet js-filen til ts-filen, vil TypeScript umiddelbart starte Type Checking av koden vår. Så du kan få diagnostiske feil i JavaScript-koden.
 5. Bruk tredjeparts JavaScript-biblioteker 
JavaScript-prosjekter bruker tredjepartsbiblioteker som  eller Lodash. For å kunne kompilere filer, må TypeScript vite hvilke typer objekter i disse bibliotekene. TypeScript Type-definisjonsfilene for JavaScript-biblioteker er allerede tilgjengelige på DefinitelyTyped. Så det er ikke nødvendig å installere denne typen eksternt. Du trenger bare å installere de typene som brukes i prosjektet vårt.
For jQuery kan du installere definisjonen:
$ npm install @ types / jquery
Etter dette gjør du endringene i JavaScript-prosjektet, kjør byggeverktøyet. Nå bør du ha TypeScript-prosjektet samlet til vanlig JavaScript som kan kjøres i nettleseren.
Med dette har vi kommet til slutten av denne TypeScript-veiledningen. Jeg håper du forsto alle viktige elementer i TypeScript.
 Sjekk ut     av Edureka.  Webutvikling sertifiseringstrening hjelper deg med å lære hvordan du lager imponerende nettsteder ved hjelp av HTML5, CSS3, Twitter Bootstrap 3, jQuery og Google APIer og distribuerer det til Amazon Simple Storage Service (S3). 
 Har du et spørsmål til oss? Vennligst nevn det i kommentarfeltet i “TypeScript Tutorial”, så kommer vi tilbake til deg.