TypeScript-handledning: Lär känna till grunden för TypeScript

TypeScript är ett starkt typat superset av som kompilerar till vanlig JavaScript. Du kan använda detta språk för utveckling av JavaScript på applikationsskala. Det kan också köras i valfri webbläsare, vilken värd och vilket operativsystem som helst. I denna TypeScript-handledning kommer vi att gå in på djupet av TypeScript och förstå grunderna i följande sekvens:

• Introduktion till TypeScript
• TypeScript-typer
• Variabler
• Operatörer
• Öglor
• Funktioner
• Strängar
• Arrayer
• Gränssnitt
• Klasser
• Objekt
• TypeScript-användningsfall

Introduktion till TypeScript

TypeScript är ett typat superset av JavaScript som kompileras till vanlig JavaScript. TypeScript är rent objektorienterat med klasser, gränssnitt och statiskt skrivna programmeringsspråk som C # eller . Det kräver en kompilator för att kompilera och generera i JavaScript-fil. I grund och botten är TypeScript ES6-versionen av JavaScript med några ytterligare funktioner.

En TypeScript-kod skrivs i en fil med .ts förlängning och sedan sammanställs till JavaScript med hjälp av kompilatorn. Du kan skriva filen i valfri kodredigerare och kompilatorn måste installeras på din plattform. Efter installationen, kommandot tsc .ts kompilerar TypeScript-koden till en vanlig JavaScript-fil.

Syntax:

var message: string = 'Välkommen till Edureka!' console.log (meddelande)

Vid sammanställning genererar den följande JavaScript-kod:

// Generated by typescript 1.8.10 var message = 'Välkommen till Edureka!' console.log (meddelande)

Funktioner i TypeScript

• Tvärplattform: TypeScript-kompilatorn kan installeras på alla operativsystem som Windows, MacOS och Linux.

  
  
  

• Objektorienterat språk : TypeScript har funktioner som Klasser , Gränssnitt och moduler. Således kan den skriva objektorienterad kod för klientsidan såväl som serverns utveckling.

• Statisk typkontroll : TypeScript använder statisk typning och hjälper typkontroll vid kompileringstid. Således kan du hitta fel när du skriver koden utan att köra skriptet.

• Valfri statisk typning : TypeScript tillåter också valfri statisk typning om du använder JavaScript dynamiskt.

• DOM-manipulation : Du kan använda TypeScript för att manipulera DOM för att lägga till eller ta bort element.

• ES 6-funktioner : TypeScript innehåller de flesta funktioner i planerade ECMAScript 2015 (ES 6, 7) som klass, gränssnitt, pilfunktioner etc.

Fördelar med att använda TypeScript

• TypeScript är snabbt, enkelt, lätt att lära sig och körs på valfri webbläsare eller JavaScript-motor.

• Det är liknande till JavaScript och använder samma syntax och semantik.

• Detta hjälper backend-utvecklare att skriva frontend kod snabbare .

• TypeScript-kod kan anropas från en befintlig JavaScript-kod . Det fungerar också med befintliga JavaScript-ramar och bibliotek utan problem.

• Definitionsfilen, med förlängningen .d.ts, ger stöd för befintliga JavaScript-bibliotek som Jquery, D3.js osv. Så, TypeScript-kod kan läggas till JavaScript-bibliotek använda typdefinitioner för att utnyttja fördelarna med typkontroll, kodautomgång och dokumentation i befintliga dynamiskt skrivna JavaScript-bibliotek.

• Den innehåller funktioner från ES6 och ES7 som kan köras i ES5-nivå JavaScript-motorer som Node.js .

Nu när du har förstått vad som är TypeScript, låt oss gå vidare med denna TypeScript-handledning och titta på de olika typerna.

TypeScript-typer

Typsystemet representerar olika typer av värden som stöds av språket. Det kontrollerar giltighet av den medföljande värden innan de lagras eller manipuleras av programmet.

Det kan klassificeras i två typer som:

• Inbyggt : Detta inkluderar nummer, sträng, boolesk, ogiltig, null och odefinierad.
• Användardefinierad : Det inkluderar uppräkningar (enums), klasser, gränssnitt, matriser och tuple.

Låt oss nu gå vidare med denna TypeScript-handledning och förstå mer om variabler.

TypeScript-handledning: variabler

En variabel är ett namngivet utrymme i minnet som används för att lagra värden.

Typsyntaxen för att deklarera en variabel i TypeScript innehåller ett kolon (:) efter variabelns namn, följt av dess typ. I likhet med JavaScript använder vi var keyword att deklarera en variabel.

Det finns fyra alternativ när vi deklarerar en variabel:

var [identifierare]: [typ-anteckning] = värde

var [identifier] : [type-annotation]

var [identifierare] = värde

var [identifier]

Exempel:

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

Vid sammanställning genererar den följande JavaScript-kod:

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

Produktion:

namn: Daisy
anställd id: 1001

Låt oss nu gå vidare till nästa ämne i vår TypeScript-handledning.

Operatörer

En operatör används för att definiera funktioner som kommer att utföras på data. Data som operatörer arbetar med kallas operander. Det finns olika typer av operatörer i TypeScript som:

• Aritmetiska operatörer
• Logiska operatörer
• Relationsoperatörer
• Bitvisa operatörer
• Uppdragsoperatörer

Aritmetiska operatörer

Exempel:

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

Produktion:

Summa: 12
Skillnad: 8
Produkt: 20

Logiska operatörer

Exempel:

var avg: antal = 20 var procent: antal = 90 console.log ('Värde av genomsnitt:' + genomsnitt + ', värde av procent:' + procent) var res: boolean = ((genomsnitt> 50) && (procent> 80 )) console.log ('(avg> 50) && (procentsats> 80):', res)

Produktion:

Värde av genomsnitt: 20, värde av procent: 90
(genomsnitt> 50) && (procent> 80): falskt

Relationsoperatörer

Exempel:

var num1: number = 10 var num2: number = 7 console.log ('Value of num1:' + num1) console.log ('Value of num2:' + num2) var res = num1> num2 console.log ('num1 större än num2: '+ res) res = num1
 Produktion: 
Värde på num1: 10 
 Värde på num2: 7 
 num1 större än num2: sant 
 num1 mindre än num2: false
 Bitvisa operatörer 
 Operatörer 
 Beskrivning 
 Bitvis OCH (&) 
utför en boolesk OCH-operation på varje bit av dess heltalargument.
 Bitvis ELLER (|) 
Den utför en boolsk ELLER-operation på varje bit av dess heltalargument.
 Bitvis XOR (^) 
Den utför en boolesk exklusiv ELLER-operation på varje bit av dess heltalargument.
 Bitvis INTE (~) 
Detta är en enhetlig operatör och fungerar genom att vända alla bitar i operand.
 Vänster Shift (<<) 
Den flyttar alla bitar i sin första operand till vänster med antalet platser som anges i den andra operanden.
 Högerförskjutning (>>) 
Den vänstra operandens värde flyttas åt höger med antalet bitar som anges av den högra operanden.
 Högerväxling med noll (>>>) 
Det liknar >> operator, förutom att bitarna som förskjutits till vänster alltid är noll.
 Exempel: 
var a: number = 2 // Bit presentation 10 var b: number = 3 // Bit presentation 11 var result result = (a & b) console.log ('(a & b) =>', result) result = ( a | b) console.log ('(a | b) =>', resultat)
 Produktion: 
(a & b) => 2 
 (a | b) => 3
 Uppdragsoperatörer 
 Operatörer 
 Beskrivning 
 Enkel uppgift (=) 
Tilldelar värden från högeroperand till vänsteroperand
Microsoft SQL Server-handledning för nybörjare
 Lägg till och tilldela (+ =) 
Det lägger till högeroperand till vänsteroperand och tilldelar resultatet till vänsteroperand.
 Subtrahera och tilldela (- =) 
Den subtraherar högeroperand från vänsteroperand och tilldelar resultatet till vänsteroperand.
 Multiplicera och tilldela (* =) 
Den multiplicerar högeroperand med vänsteroperand och tilldelar resultatet till vänsteroperand.
 Dela och tilldela (/ =) 
Den delar vänster operand med höger operand och tilldelar resultatet till vänster operand.
 Exempel: 
var a: antal = 12 var b: antal = 10 a = b console.log ('a = b:' + a) a + = b console.log ('a + = b:' + a) a - = b console .log ('a- = b:' + a)
 Produktion: 
a = b: 10 
 a + = b: 20 
 a - = b: 10
Dessa var de olika operatörerna. Låt oss nu gå vidare med vår TypeScript-handledning och lära oss om loopar.
 Öglor 
Det kan finnas situationer då ett kodblock måste köras flera gånger. A slinga uttalande tillåter oss att utföra ett uttalande eller grupp av uttalanden flera gånger.
TypeScript-looparna kan klassificeras som:
 För Loop 
De för loop är en implementering av en bestämd slinga.
 Syntax: 
för (första uttrycket andra uttrycket tredje uttrycket) {// uttalanden som ska köras upprepade gånger}
Här körs det första uttrycket innan slingan startar. Det andra uttrycket är villkoret för att slingan ska köras. Och det tredje uttrycket körs efter körningen av varje kodblock.
 Exempel: 
för (låt i = 0 i<2 i++) { console.log ('Execute block statement' + i) }
 Produktion: 
Utför blockutdrag 0 
Utför blockutdrag 1
 While Loop 
While-slingan utför instruktionerna varje gång det angivna villkoret utvärderas till sant.
 Syntax: 
medan (villkoruttryck) {// kodblock som ska köras}
 Exempel: 
låt i: nummer = 1 medan (i<3) { console.log( 'Block statement execution no.' + i ) i++ }
 Produktion: 
Blockera utförande av uttalande nr 1 
Blockera utförande av uttalande nr 2
 Gör ... Medan Loop 
Do & hellipwhile-slingan liknar while-slingan förutom att den inte utvärderar villkoret för första gången som slingan körs.
 Syntax: 
gör {// kodblock som ska köras} medan (villkoruttryck)
 Exempel: 
  
låt i: nummer = 1 göra {console.log ('Blockera uttalande exekveringsnummer.' + i) i ++} medan (i<3)
 Produktion: 
Blockera utförande av uttalande nr 1 
Blockera utförande av uttalande nr 2
Bortsett från dessa finns det break and continue-uttalanden i TypeScript som används i en loop.
 Bryta uttalande 
Pausuttrycket används för att ta kontroll över en konstruktion. Att använda pausuttrycket i en slinga hjälper programmet att avsluta slingan.
 Exempel: 
var i: antal = 1 medan (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: 
Den första multipeln av 5 mellan 1 och 10 är: 5
 Fortsätt uttalande 
Fortsätt uttalandet hoppar över efterföljande uttalanden i den aktuella iterationen och tar kontrollen tillbaka till början av slingan.
 Exempel: 
var num: antal = 0 var antal: antal = 0 för (num = 0num<=10num++) { if (num % 2==0) { continue } count++ } console.log (' The count of odd values between 0 and 10 is: '+count)
 Produktion: 
Antalet udda värden mellan 0 och 10 är: 5
Dessa var de olika slingorna i TypeScript. Nu ska vi gå vidare med vår TypeScript-handledning och förstå funktioner.
 Funktioner 
I JavaScript, funktioner är en av de viktigaste delarna eftersom det är ett funktionellt programmeringsspråk. Funktioner säkerställer att programmet kan underhållas och återanvändas och organiseras i läsbara block. Medan TypeScript tillhandahåller begreppet klasser och moduler är funktioner fortfarande en integrerad del av språket.
 Namngivna funktioner 
En namngiven funktion används för att deklarera och anropa en funktion med dess förnamn.
 Exempel: 
funktionsdisplay () {console.log ('TypeScript-funktion')} display ()
 Produktion: 
TypeScript-funktion
 Anonym funktion 
En anonym funktion är en som definieras som ett uttryck. Detta uttryck lagras i en variabel. Dessa funktioner anropas med hjälp av variabelnamnet som funktionen är lagrad i.
 Exempel: 
låt hälsning = funktion () {console.log ('TypeScript-funktion')} hälsning ()
 Produktion: 
TypeScript-funktion
 Pilfunktion 
Feta pilnoteringar används för anonyma funktioner, dvs för funktionsuttryck. De kallas också lambdafunktioner på andra språk.
 Syntax: 
(param1, param2, ..., paramN) => uttryck
Med hjälp av fettpil (=>) minskar behovet av att använda nyckelordet ”funktion”. Parametrar skickas i vinkelparenteserna och funktionsuttrycket är inneslutet i de lockiga parenteserna {}.
 Exempel: 
låt summa = (x: nummer, y: nummer): nummer => {returnera x + y} summa (10, 30) // returnerar 40
 Funktion överbelastning 
TypeScript tillhandahåller begreppet funktionsöverbelastning. Således kan du ha flera funktioner med samma namn men olika parametertyper och returtyp.
 Exempel: 
funktionen lägg till (a: sträng, b: sträng): strängfunktion lägg till (a: nummer, b: nummer): nummer returnera a + b} lägg till ('Hej', 'Edureka') // returnerar 'Hej Edureka' lägg till ( 10, 10) // returnerar 20
I exemplet ovan har vi samma funktion add () med två funktionsdeklarationer och en funktionsimplementering. Den första signaturen har två parametrar av typsträng, medan den andra signaturen har två parametrar för typnumret.
Dessa är de olika typerna av funktioner. Nu ska vi gå vidare med vår TypeScript-handledning och förstå strängar i TypeScript.
 TypeScript-handledning: Strängar 
De  är en annan primitiv datatyp som används för att lagra textdata. Strängvärden omges av enstaka citattecken eller dubbla citattecken.
 Syntax: 
var var_name = ny sträng (sträng)
Det finns olika egenskaper för metoder som finns tillgängliga i String-objekt, till exempel:
 Byggare - Den returnerar en referens till strängfunktionen som skapade objektet
 Längd - Detta returnerar strängens längd
 Prototyp - Med den här egenskapen kan du lägga till egenskaper och metoder för ett objekt
 Exempel: 
let name = new String ('Welcome to Edureka!') console.log ('Message:' + name) console.log ('Length:' + name.length)
 Produktion: 
Meddelande: Välkommen till Edureka! 
 Längd: 19
 Strängmetoder 
Listan över metoder i strängobjekt inkluderar:
 Metod 
 Beskrivning 
 charAt () 
Det returnerar tecknet vid det angivna indexet
 charCodeAt () 
hur man driver kraft i python
Det returnerar ett tal som anger Unicode-värdet för tecknet vid det angivna indexet
 concat () 
Kombinerar texten i två strängar och returnerar en ny sträng
 index för() 
Returnerar indexet inom det anropande strängobjektet för den första förekomsten av det angivna värdet
 lastIndexOf () 
Det returnerar indexet inom det anropande String-objektet för den sista förekomsten av det angivna värdet
 match() 
Används för att matcha ett reguljärt uttryck mot en sträng
 localeCompare () 
Returnerar ett tal som anger om en referenssträng kommer före eller efter eller är densamma som den angivna strängen i sorteringsordning
 Sök() 
Detta utför sökningen efter en matchning mellan ett reguljärt uttryck och en angiven sträng
 byta ut() 
Används för att hitta en matchning mellan ett reguljärt uttryck och en sträng och för att ersätta den matchade strängen med en ny sträng
 skiva() 
Det extraherar ett avsnitt av en sträng och returnerar en ny sträng
 dela() 
Dela ett strängobjekt i en rad strängar genom att separera strängen i strängar
 substr () 
Returnerar tecknen i en sträng som börjar på den angivna platsen genom det angivna antalet tecken
 substring () 
Det returnerar tecknen i en sträng mellan två index i strängen
 toLocaleLowerCase () 
Tecknen i en sträng konverteras till gemener med respekt för den aktuella platsen
 toLocaleUpperCase () 
Tecknen i en sträng konverteras till versaler med respekt för den aktuella platsen
 toLowerCase () 
Det returnerar anropssträngvärdet konverterat till gemener
 toUpperCase () 
Det returnerar anropssträngvärdet konverterat till versaler
 att stränga() 
Returnerar en sträng som representerar det angivna objektet
 värdet av() 
Returnerar det angivna objektets primitiva värde
 Exempel: 
låt str: string = 'Välkommen till Edureka' str.charAt (0) // returnerar 'w' str.charAt (2) // returnerar 'l' Välkommen till Edureka '. charAt (2) returnerar' l 'låt str1 : string = 'welcome' let str2: string = 'Edureka' str1.concat (str2) // returnerar 'welcomeEdureka' str1.concat ('', str2) // returnerar 'welcome Edureka' str1.concat ('' to ' ') // returnerar' välkommen till '
Nu när du känner till strängar, låt oss gå vidare med denna TypeScript-handledning och förstå arrayer.
 Arrayer i TypeScript 
Ett array är en speciell typ av datatyp som lagrar flera värden för olika datatyper sekventiellt med en speciell syntax. Arrayelement identifieras av ett unikt heltal som kallas elementets prenumeration eller index.
 Syntax: 
var array_name [: datatype] // deklaration array_name = [val1, val2, valn ..] // initialisering
 Exempel: 
let names: Array names = ['John', 'Daisy', 'Rachel'] let ids: Array ids = [101, 700, 321]
 Array Methods 
Här är en lista över olika Array-metoder som kan användas för olika ändamål:
 Metod 
 Beskrivning 
 filtrera() 
Skapar en ny array med alla element i denna array för vilken den tillhandahållna filtreringsfunktionen returnerar true
 varje() 
Returnerar sant om varje element i denna matris uppfyller den tillhandahållna testfunktionen
 concat () 
Returnerar en ny matris som består av denna matris förenad med andra matriser
 index för() 
Returnerar det första eller minsta indexet för ett element inom matrisen lika med det angivna värdet
 för varje() 
Anropar en funktion för varje element i matrisen
 Ansluta sig() 
Sammanfogar alla element i en array i en sträng
 lastIndexOf () 
Returnerar det sista eller största indexet för ett element inom matrisen lika med det angivna värdet
 Karta() 
Skapar en ny matris med resultaten av att anropa en tillhandahållen funktion på varje element i denna matris
 tryck() 
Lägger till ett eller flera element i slutet av en array och returnerar den nya längden på arrayen
konvertering av c ++ typ
 pop () 
Tar bort det sista elementet från en matris och returnerar det elementet
 minska() 
Tillämpa en funktion samtidigt mot två värden i matrisen från vänster till höger för att reducera den till ett enda värde
 reducera höger () 
Tillämpa en funktion samtidigt mot två värden i matrisen från höger till vänster för att reducera den till ett enda värde
 omvänd() 
Omvandlar ordningen på elementen i en matris
 flytta() 
Tar bort det första elementet från en matris och returnerar det elementet
 skiva() 
Extraherar en sektion av en matris och returnerar en ny matris
 vissa() 
Det returnerar sant om minst ett element i denna matris uppfyller den tillhandahållna testfunktionen
 sortera() 
Det sorterar elementen i en matris
 att stränga() 
Returnerar en sträng som representerar matrisen och dess element
 splitsa() 
Det lägger till och / eller tar bort element från en matris
 avväxla () 
Lägger till ett eller flera element på framsidan av en matris och returnerar den nya längden på matrisen
 Exempel: 
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']
Låt oss gå vidare med denna TypeScript-handledning och lära oss mer om gränssnitt.
 TypeScript-gränssnitt 
Gränssnittet är en struktur som definierar kontraktet i din ansökan. Den definierar syntaxen för klasser att följa. Den innehåller endast medlemmarnas förklaring och det är den härledande klassens ansvar att definiera medlemmarna.
 Exempel: 
gränssnitt Anställd {empID: number empName: string getSalary: (number) => number // arrow function getManagerName (number): string}
I exemplet ovan är Anställd gränssnittet innehåller två egenskaper empID och empName . Den innehåller också en metoddeklaration getSalaray använder en pilfunktion som innehåller en sifferparameter och en siffertyp. De getManagerName metoden deklareras med en normal funktion.
 TypeScript  Klasser 
TypeScript introducerade klasser så att de kan utnyttja fördelarna med objektorienterade tekniker som inkapsling och abstraktion. Klassen i TypeScript kompileras till vanliga JavaScript-funktioner av TypeScript-kompilatorn för att fungera över plattformar och webbläsare.
En klass innehåller följande:
 Byggare 
 Egenskaper 
 Metoder 
 Exempel: 
klass Anställd {empID: number empName: string constructor (ID: number, name: string) {this.empName = name this.empID = ID} getSalary (): number {return 40000}}
 Arv 
TypeScript stöder Arv eftersom det är förmågan hos ett program att skapa nya klasser från en befintlig klass. Klassen som utökas för att skapa nyare klasser kallas förälderklassen eller superklassen. De nyligen skapade klasserna kallas under- eller underklasser.
En klass ärver från en annan klass med hjälp av nyckelordet ”utökar”. Barnklasser ärver alla egenskaper och metoder utom privata medlemmar och konstruktörer från moderklassen. Men TypeScript stöder inte flera arv.
 Syntax: 
klass child_class_name utvidgar parent_class_name
 Exempel: 
klass Person {namn: strängkonstruktör (namn: sträng) {detta.namn = namn}} klass Anställd utökar Person {empID: nummerkonstruktör (empID: nummer, namn: sträng) {super (namn) this.empID = empid} displayName (): void {console.log ('Name =' + this.name + ', Employee ID =' + this.empID)}} let emp = new Employee (701, 'Jason') emp.displayName () // Namn = Jason, anställd ID = 701
Nu när du känner till lektioner, låt oss gå vidare med denna TypeScript-handledning och lära oss om objekt.
 Objekt i TypeScript 
Ett objekt är en instans som innehåller en annan uppsättning nyckel-värdepar. Värdena kan vara skalära värden eller funktioner eller till och med en rad andra objekt.
 Syntax: 
var object_name = {key1: “value1”, // scalar value key2: “value”, key3: function () {// functions}, key4: [“content1”, “content2”]
Ett objekt kan innehålla skalära värden, funktioner och strukturer som arrays och tuples.
 Exempel: 
var person = {förnamn: 'Danny', efternamn: 'Grön'} // åtkomst till objektvärdena console.log (person.firstname) console.log (person.efternamn)
Vid sammanställning genererar den samma kod i JavaScript.
 Produktion: 
Danny 
 Grön
Dessa var de olika viktiga elementen i TypeScript. Nu ska vi gå vidare med den här TypeScript-självstudien och titta på ett exempel för att förstå användningsfallet.
 TypeScript-handledning: Använd Case 
Här lär vi oss hur man konverterar en befintlig  till TypeScript.
När vi kompilerar en TypeScript-fil producerar den motsvarande JavaScript-fil med samma namn. Här måste vi se till att vår ursprungliga JavaScript-fil som fungerar som inmatning inte kan finnas i samma katalog så att TypeScript inte åsidosätter dem.
Processen för att migrera från JavaScript till TypeScript innehåller följande steg:
 1. Lägg till tsconfig.json-filen till projektet 
Du måste lägga till en tsconfig.json-fil till projektet. TypeScript använder en tsconfig.json-fil för att hantera projektets kompileringsalternativ, till exempel vilka filer du vill inkludera och utesluta.
{'compilerOptions': {'outDir': './built', 'allowJs': true, 'target': 'es5'}, 'include': ['./src/**/*']}
 2. Integrera med ett byggverktyg 
De flesta JavaScript-projekt har ett integrerat byggverktyg som gulp eller webpack. Du kan integrera projekt med webpack på följande sätt:
Kör följande kommando på terminalen:
$ npm installera awesome-typescript-loader source-map-loader
I webbpackintegration använder du awesome-typescript-loader kombinerat med source-map-loader för enklare felsökning av källkoden.
För det andra, slå samman modulkonfigurationsegenskapen i vår webpack.config.js-fil för att inkludera laddare.
 3. Flytta alla .js-filer till .ts-filer 
I det här steget måste du byta namn på .js-filen till .ts-filen. På samma sätt, om filen använder JSX, måste du byta namn på den till .tsx. Om vi ​​nu öppnar den filen i en redigerare som stöder TypeScript kan det hända att vissa av koder börjar ge kompileringsfel. Så, konvertering av filer en efter en gör det lättare att hantera kompileringsfel. Om TypeScript hittar kompileringsfel under konvertering kan den fortfarande översätta koden.
 4. Kontrollera om det finns fel 
Efter att ha flyttat js-filen till ts-filen startar TypeScript omedelbart typkontroll av vår kod. Så du kan få diagnostiska fel i JavaScript-koden.
 5. Använd tredjeparts JavaScript-bibliotek 
JavaScript-projekt använder tredjepartsbibliotek som  eller Lodash. För att kompilera filer måste TypeScript känna till typerna av alla objekt i dessa bibliotek. Definitionsfilerna för TypeScript för JavaScript-bibliotek finns redan på DefinitelyTyped. Så det finns inget behov av att installera den här typen externt. Du behöver bara installera de typer som används i vårt projekt.
För jQuery kan du installera definitionen:
$ npm install @ types / jquery
Efter detta gör du ändringarna i JavaScript-projektet, kör byggverktyget. Nu bör du ha TypeScript-projektet sammanställt till vanlig JavaScript som kan köras i webbläsaren.
Med detta har vi kommit till slutet av denna TypeScript-handledning. Jag hoppas att du förstod alla viktiga element i TypeScript.
 Kolla in     av Edureka.  Webbutvecklingscertifieringsträning hjälper dig att lära dig hur du skapar imponerande webbplatser med HTML5, CSS3, Twitter Bootstrap 3, jQuery och Google API: er och distribuerar den till Amazon Simple Storage Service (S3). 
 Har du en fråga till oss? Vänligen nämna det i kommentarsektionen i ”TypeScript-handledning” så återkommer vi till dig.