Tutorial TypeScript: Aflați mai multe despre noțiunile fundamentale ale TypeScript

TypeScript este un superset puternic tastat al care se compilează în JavaScript simplu. Puteți utiliza acest limbaj pentru dezvoltarea JavaScript la scară de aplicație. De asemenea, poate fi executat pe orice browser, orice gazdă și orice sistem de operare. În acest tutorial TypeScript, vom intra în profunzimea TypeScript și vom înțelege elementele de bază în următoarea secvență:

• Introducere în TypeScript
• Tipuri TypeScript
• Variabile
• Operatori
• Bucle
• Funcții
• Siruri de caractere
• Matrice
• Interfețe
• Clase
• Obiecte
• Tip de utilizare TypeScript

Introducere în TypeScript

TypeScript este un superset tipizat de JavaScript care se compilează în JavaScript simplu. TypeScript este pur orientat pe obiecte, cu clase, interfețe și limbaje de programare tipizate static, cum ar fi C # sau . Este nevoie de un compilator pentru a compila și genera în fișier JavaScript. Practic, TypeScript este versiunea ES6 a JavaScript cu câteva caracteristici suplimentare.

Un cod TypeScript este scris într-un fișier cu .ts extensie și apoi compilat în JavaScript folosind compilatorul. Puteți scrie fișierul în orice editor de cod, iar compilatorul trebuie instalat pe platforma dvs. După instalare, comanda tsc .ts compilează codul TypeScript într-un fișier JavaScript simplu.

Sintaxă:

var message: string = 'Bine ați venit la Edureka!' console.log (mesaj)

La compilare, generează următorul cod JavaScript:

// Generat de typescript 1.8.10 var message = 'Bine ați venit la Edureka!' console.log (mesaj)

Caracteristicile TypeScript

• Cross-Platform: Compilatorul TypeScript poate fi instalat pe orice sistem de operare, cum ar fi Windows, MacOS și Linux.

  
  
  

• Limbaj orientat spre obiecte : TypeScript oferă caracteristici precum Clase , Interfețe și module. Astfel, poate scrie cod orientat pe obiecte atât pentru partea clientului, cât și pentru cea din partea serverului.

• Verificarea statică a tipului : TypeScript utilizează tastarea statică și ajută la verificarea tipurilor la compilare. Astfel, puteți găsi erori în timp ce scrieți codul fără a rula scriptul.

• Tipare statică opțională : TypeScript permite, de asemenea, tastarea statică opțională în cazul în care utilizați tastarea dinamică a JavaScript.

• Manipulare DOM : Puteți utiliza TypeScript pentru a manipula DOM pentru adăugarea sau eliminarea elementelor.

• Caracteristici ES 6 : TypeScript include majoritatea caracteristicilor planificate ECMAScript 2015 (ES 6, 7), cum ar fi clasa, interfața, funcțiile săgeată etc.

Avantajele utilizării TypeScript

• TypeScript este rapid, simplu, ușor de învățat și rulează pe orice browser sau motor JavaScript.

• Este similar la JavaScript și folosește aceeași sintaxă și semantică.

• Acest lucru ajută dezvoltatorii de backend să scrie front-end cod mai rapid .

• Codul TypeScript poate fi apelat dintr-un cod JavaScript existent . De asemenea, funcționează cu cadrele și bibliotecile JavaScript existente fără probleme.

• Fișierul Definition, cu extensia .d.ts, oferă suport pentru bibliotecile JavaScript existente, cum ar fi Jquery, D3.js , etc. Deci, codul TypeScript poate fi adăugat Biblioteci JavaScript utilizarea definițiilor de tip pentru a profita de avantajele verificării de tip, completării automate a codului și documentației în bibliotecile JavaScript existente dinamic.

• Include caracteristici de la ES6 și ES7 care poate rula în motoare JavaScript la nivel ES5, cum ar fi Node.js .

Acum că ați înțeles ce este TypeScript, să trecem mai departe cu acest tutorial TypeScript și să aruncăm o privire asupra diferitelor tipuri.

Tipuri TypeScript

Sistemul de tipuri reprezintă diferitele tipuri de valori acceptate de limbă. Se verifică valabilitate din furnizat valori înainte de a fi stocate sau manipulate de program.

Poate fi clasificat în două tipuri, cum ar fi:

• Incorporat : Aceasta include număr, șir, boolean, nul, nul și nedefinit.
• Definit de utilizator : Include enumerări (enumerări), clase, interfețe, tablouri și tupluri.

Acum să mergem mai departe cu acest tutorial TypeScript și să înțelegem mai multe despre variabile.

Tutorial TypeScript: Variabile

O variabilă este un spațiu numit în memorie care este utilizat pentru a stoca valori.

Sintaxa de tip pentru declararea unei variabile în TypeScript include două puncte (:) după numele variabilei, urmată de tipul acesteia. Similar cu JavaScript, folosim cuvânt cheie var să declare o variabilă.

Există patru opțiuni atunci când declarăm o variabilă:

var [identificator]: [tip-adnotare] = valoare

var [identificator]: [adnotare de tip]

var [identificator] = valoare

var [identifica]

Exemplu:

var name: string = 'Daisy' var empid: number = 1001 console.log ('nume' + nume) console.log ('ID angajat' + empid)

La compilare, acesta va genera următorul cod JavaScript:

// Generat de typescript 1.8.10 var nume = 'Daisy' var empid = 1001 console.log ('nume' + nume) console.log ('angajat id:' + empid)

Ieșire:

nume: Daisy
ID angajat: 1001

Acum să trecem la următorul subiect al tutorialului nostru TypeScript.

Operatori

Un operator este utilizat pentru a defini funcțiile care vor fi efectuate pe date. Datele pe care operează operatorii se numesc operanzi. Există diferite tipuri de operatorii în TypeScript, cum ar fi:

• Operatori aritmetici
• Operatori logici
• Operatori relaționali
• Operatori bitwise
• Operatori de misiune

Operatori aritmetici

Exemplu:

var num1: number = 10 var num2: number = 2 var res: number = 0 res = num1 + num2 console.log ('Sum:' + res) res = num1 - num2 console.log ('Diferență:' + res) res = num1 * num2 console.log („Produs:” + res)

Ieșire:

Suma: 12
Diferență: 8
Produs: 20

Operatori logici

Exemplu:

var avg: number = 20 var percent: number = 90 console.log ('Value of avg:' + avg + ', value of percent:' + percent) var res: boolean = ((avg> 50) && (percentual> 80 )) console.log ('(avg> 50) && (procent> 80):', res)

Ieșire:

Valoarea medie: 20, valoarea procentuală: 90
(medie> 50) && (procent> 80): fals

Operatori relaționali

Exemplu:

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 mai mare decât num2: '+ res) res = num1
 Ieșire: 
Valoarea num1: 10 
 Valoarea num2: 7 
 num1 mai mare decât num2: adevărat 
 num1 mai mic decât num2: fals
 Operatori Bitwise 
 Operatori 
 Descriere 
 Bitwise ȘI (&) 
efectuează o operație booleană ȘI pe fiecare bit al argumentelor sale întregi.
 OR bit | (|) 
Efectuează o operație OR booleană pe fiecare bit al argumentelor sale întregi.
 Bitwise XOR (^) 
Efectuează o operațiune OR exclusivă booleană pe fiecare bit al argumentelor sale întregi.
 Bitwise NOT (~) 
Acesta este un operator unar și funcționează inversând toți biții din operand.
 Shift stânga (<<) 
Mută ​​toți biții din primul său operand spre stânga cu numărul de locuri specificat în al doilea operand.
 Shift dreapta (>>) 
Valoarea operandului din stânga este mutată la dreapta de numărul de biți specificat de operandul din dreapta.
 Shift dreapta cu zero (>>>) 
conversie java dublu la int
Este similar cu operatorul >>, cu excepția faptului că biții deplasați în stânga sunt întotdeauna zero.
 Exemplu: 
var a: număr = 2 // Prezentare biți 10 var b: număr = 3 // Prezentare biți 11 var rezultat rezultat = (a & b) console.log ('(a & b) =>', rezultat) rezultat = ( a | b) console.log ('(a | b) =>', rezultat)
 Ieșire: 
(a & b) => 2 
 (a | b) => 3
 Operatori de misiune 
 Operatori 
 Descriere 
 Atribuire simplă (=) 
Atribuie valori de la operandul din partea dreaptă la operandul din partea stângă
 Adăugare și atribuire (+ =) 
Acesta adaugă operandul drept la operandul stâng și atribuie rezultatul la operandul stâng.
 Scădere și atribuire (- =) 
Scade operandul drept din operandul stâng și atribuie rezultatul operandului stâng.
 Înmulțire și atribuire (* =) 
Înmulțește operandul drept cu operandul stâng și atribuie rezultatul operandului stâng.
 Împărțire și atribuire (/ =) 
Împarte operandul stâng cu operandul drept și atribuie rezultatul operandului stâng.
 Exemplu: 
var a: număr = 12 var b: număr = 10 a = b console.log ('a = b:' + a) a + = b console.log ('a + = b:' + a) a - = b consolă .log ('a- = b:' + a)
 Ieșire: 
a = b: 10 
 a + = b: 20 
 a - = b: 10
Aceștia au fost diferiții operatori. Acum, să trecem mai departe cu Tutorialul nostru TypeScript și să aflăm despre bucle.
 Bucle 
Pot exista situații în care un bloc de cod trebuie executat de mai multe ori. A buclă declarația ne permite să executăm o instrucțiune sau un grup de instrucțiuni de mai multe ori.
Buclele TypeScript pot fi clasificate ca:
 Pentru Loop 
 pentru bucla este o implementare a unei bucle definite.
 Sintaxă: 
pentru (prima expresie a doua expresie a treia expresie) {// instrucțiunile trebuie executate în mod repetat}
Aici, prima expresie este executată înainte de a începe bucla. A doua expresie este condiția executării buclei. Iar a treia expresie este executată după executarea fiecărui bloc de cod.
 Exemplu: 
for (let i = 0 i<2 i++) { console.log ('Execute block statement' + i) }
 Ieșire: 
Executați instrucțiunea de bloc 0 
Executați instrucțiunea de bloc 1
 În timp ce Loop 
Bucla while execută instrucțiunile de fiecare dată când condiția specificată este evaluată ca fiind adevărată.
 Sintaxă: 
while (expresie condiție) {// bloc de cod care urmează să fie executat}
 Exemplu: 
să i: număr = 1 în timp ce (i<3) { console.log( 'Block statement execution no.' + i ) i++ }
 Ieșire: 
Execuția instrucțiunii de bloc nr. 1 
Execuția instrucțiunii de bloc nr. 2
 Faceți .. În timp ce Buclați 
Bucla do & hellipwhile este similară cu bucla while, cu excepția faptului că nu evaluează condiția pentru prima dată când bucla se execută.
 Sintaxă: 
faceți {// blocul de cod pentru a fi executat} în timp ce (expresia condiției)
 Exemplu: 
  
let i: number = 1 do {console.log ('Execuția instrucțiunii de bloc nr.' + i) i ++} în timp ce (i<3)
 Ieșire: 
Execuția instrucțiunii de bloc nr. 1 
Execuția instrucțiunii de bloc nr. 2
În afară de acestea, există instrucțiuni break și continue în TypeScript care sunt utilizate într-o buclă.
 Declarație de pauză 
Instrucțiunea break este utilizată pentru a elimina controlul asupra unei construcții. Utilizarea instrucțiunii break într-o buclă ajută programul să iasă din buclă.
 Exemplu: 
var i: număr = 1 în timp ce (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
 Ieșire: 
Primul multiplu de 5 între 1 și 10 este: 5
 Declarație Continuare 
Instrucțiunea continue omite instrucțiunile ulterioare în iterația curentă și readuce controlul la începutul buclei.
 Exemplu: 
sortare matrice c ++ descrescătoare
var num: număr = 0 număr var: număr = 0 pentru (num = 0num<=10num++) { if (num % 2==0) { continue } count++ } console.log (' The count of odd values between 0 and 10 is: '+count)
 Ieșire: 
Numărul de valori impare între 0 și 10 este: 5
Acestea erau diferitele bucle din TypeScript. Acum, să mergem mai departe cu Tutorialul nostru TypeScript și să înțelegem funcțiile.
 Funcții 
În JavaScript, funcții sunt una dintre cele mai importante părți deoarece este un limbaj de programare funcțional. Funcțiile asigură faptul că programul poate fi întreținut și reutilizat și organizat în blocuri lizibile. În timp ce TypeScript oferă conceptul de clase și module, funcțiile sunt încă o parte integrantă a limbajului.
 Funcții denumite 
O funcție numită este utilizată pentru a declara și a apela o funcție după numele său dat.
 Exemplu: 
display display () {console.log ('TypeScript Function')} display ()
 Ieșire: 
Funcția TypeScript
 Funcție anonimă 
O funcție anonimă este una care este definită ca o expresie. Această expresie este stocată într-o variabilă. Aceste funcții sunt invocate folosind numele variabilei în care funcția este stocată.
 Exemplu: 
let greeting = function () {console.log ('TypeScript Function')} greeting ()
 Ieșire: 
Funcția TypeScript
 Funcția săgeată 
Notările săgeții grase sunt utilizate pentru funcții anonime, adică pentru expresii de funcții. Ele sunt, de asemenea, numite funcții lambda în alte limbi.
 Sintaxă: 
(param1, param2, ..., paramN) => expresie
Folosind săgeata grasă (=>) scade nevoia de a utiliza cuvântul cheie „funcție”. Parametrii sunt trecuți între paranteze unghiulare, iar expresia funcției este încadrată în parantezele crețate {}.
 Exemplu: 
let sum = (x: number, y: number): number => {return x + y} sum (10, 30) // returnează 40
 Funcția de supraîncărcare 
TypeScript oferă conceptul de supraîncărcare a funcțiilor. Astfel, puteți avea mai multe funcții cu același nume, dar diferite tipuri de parametri și tip de returnare.
 Exemplu: 
function add (a: string, b: string): string function add (a: number, b: number): number return a + b} add ('Hello', 'Edureka') // returnează 'Hello Edureka' add ( 10, 10) // returnează 20
În exemplul de mai sus, avem aceeași funcție add () cu două declarații de funcții și o implementare a unei funcții. Prima semnătură are doi parametri ai șirului de tip, în timp ce a doua semnătură are doi parametri ai numărului de tip.
Acestea sunt diferitele tipuri de funcții. Acum, să continuăm cu Tutorialul nostru TypeScript și să înțelegem șirurile din TypeScript.
 Tutorial TypeScript: Șiruri 
  este un alt tip de date primitiv care este utilizat pentru a stoca date text. Valorile șirurilor sunt înconjurate de ghilimele unice sau ghilimele duble.
 Sintaxă: 
var var_name = new String (șir)
Există diferite proprietăți ale metodelor disponibile în obiectul String, cum ar fi:
 Constructor - Returnează o referință la funcția String care a creat obiectul
 Lungime - Aceasta returnează lungimea șirului
 Prototip - Această proprietate vă permite să adăugați proprietăți și metode unui obiect
 Exemplu: 
let name = new String ('Welcome to Edureka!') console.log ('Message:' + nume) console.log ('Lungime:' + name.length)
 Ieșire: 
Mesaj: Bine ați venit la Edureka! 
 Lungime: 19
 Metode String 
Lista metodelor din obiectul String include:
 Metodă 
 Descriere 
 charAt () 
Returnează caracterul la indexul specificat
 charCodeAt () 
Returnează un număr care indică valoarea Unicode a caracterului la indexul dat
 concat () 
Combină textul a două șiruri și returnează un șir nou
 Index de() 
Returnează indexul din obiectul String apelant al primei apariții a valorii specificate
 lastIndexOf () 
Returnează indexul din obiectul String apelant al ultimei apariții a valorii specificate
 Meci() 
Folosit pentru a potrivi o expresie regulată cu un șir
 localeCompare () 
Returnează un număr care indică dacă un șir de referință vine înainte sau după sau este același cu șirul dat în ordine de sortare
 căutare() 
Aceasta execută căutarea unei potriviri între o expresie regulată și un șir specificat
 a inlocui() 
Folosit pentru a găsi o potrivire între o expresie regulată și un șir și pentru a înlocui șirul potrivit cu un șir nou
 felie() 
Extrage o secțiune dintr-un șir și returnează un șir nou
 Despică() 
Împarte un obiect String într-o matrice de șiruri separând șirul în șiruri de caractere
 substr () 
Returnează caracterele dintr-un șir care începe la locația specificată prin numărul specificat de caractere
 substring () 
Returnează caracterele dintr-un șir între două indexuri în șir
 toLocaleLowerCase () 
Caracterele dintr-un șir sunt convertite cu litere mici, respectând în același timp setările locale curente
 toLocaleUpperCase () 
Caracterele dintr-un șir sunt convertite în majuscule, respectând în același timp setările locale curente
 toLowerCase () 
Returnează valoarea șirului de apel convertit în minuscule
 toUpperCase () 
Returnează valoarea șirului de apel convertit în majuscule
 toString () 
Returnează un șir care reprezintă obiectul specificat
 valoarea() 
Returnează valoarea primitivă a obiectului specificat
 Exemplu: 
let str: string = 'Welcome to Edureka' str.charAt (0) // returnează 'w' str.charAt (2) // returnează 'l' 'Welcome to Edureka'.charAt (2) returnează' l 'let str1 : string = 'welcome' let str2: string = 'Edureka' str1.concat (str2) // returnează 'welcomeEdureka' str1.concat ('', str2) // returnează 'welcome Edureka' str1.concat ('' to ' ') // returnează' bun venit la '
Acum, că știți despre șiruri, să trecem mai departe cu acest tutorial TypeScript și să înțelegem matricile.
 Matrice în TypeScript 
Un matrice este un tip special de tip de date care stochează mai multe valori de diferite tipuri de date secvențial folosind o sintaxă specială. Elementele matrice sunt identificate printr-un întreg unic numit indicele sau indexul elementului.
 Sintaxă: 
var array_name [: datatype] // declarație array_name = [val1, val2, valn ..] // inițializare
 Exemplu: 
let names: Array names = ['John', 'Daisy', 'Rachel'] let ids: Array ids = [101, 700, 321]
 Metode de matrice 
Iată o listă a diferitelor metode Array care pot fi utilizate în diferite scopuri:
 Metodă 
 Descriere 
 filtru() 
Creează o nouă matrice cu toate elementele acestei matrice pentru care funcția de filtrare furnizată revine adevărată
 fiecare() 
Returnează adevărat dacă fiecare element din această matrice îndeplinește funcția de testare furnizată
 concat () 
Returnează o nouă matrice compusă din această matrice alăturată cu alte matrice
 Index de() 
Returnează primul sau cel mai mic index al unui element din matrice egal cu valoarea specificată
 pentru fiecare() 
Apelează o funcție pentru fiecare element din matrice
 a te alatura() 
Alătură toate elementele unui tablou într-un șir
 lastIndexOf () 
Returnează ultimul sau cel mai mare index al unui element din matrice egal cu valoarea specificată
 Hartă() 
Creează o nouă matrice cu rezultatele apelării unei funcții furnizate pe fiecare element din această matrice
 Apăsați() 
Adaugă unul sau mai multe elemente la sfârșitul unui tablou și returnează noua lungime a tabloului
 pop () 
Elimină ultimul element dintr-un tablou și returnează acel element
 reduce() 
Aplicați simultan o funcție împotriva a două valori ale matricei de la stânga la dreapta pentru a o reduce la o singură valoare
 reduceRight () 
Aplicați simultan o funcție împotriva a două valori ale matricei de la dreapta la stânga pentru a o reduce la o singură valoare
 verso() 
Inversează ordinea elementelor unui tablou
 schimb() 
Elimină primul element dintr-o matrice și returnează acel element
 felie() 
Extrage o secțiune dintr-o matrice și returnează o nouă matrice
 niste() 
Revine adevărat dacă cel puțin un element din această matrice îndeplinește funcția de testare furnizată
 fel() 
Sortează elementele unui tablou
 toString () 
Returnează un șir reprezentând tabloul și elementele sale
 lipitură() 
Se adaugă și / sau elimină elemente dintr-o matrice
 unshift () 
Adaugă unul sau mai multe elemente în partea din față a unui tablou și returnează noua lungime a tabloului
 Exemplu: 
var name: Array = ['John', 'Daisy', 'Tara'] name.sort () console.log (name) // output: ['Daisy', 'John', 'Tara'] console.log ( name.pop ()) // ieșire: Tara name.push („Rachel”) console.log (nume) // ieșire: [„John”, „Daisy”, „Rachel”]
Acum să mergem mai departe cu acest tutorial TypeScript și să aflăm despre interfețe.
 Interfețe TypeScript 
Interfața este o structură care definește contractul în aplicația dvs. Acesta definește sintaxa pe care urmează să o urmeze clasele. Conține doar declarația membrilor și este responsabilitatea clasei care derivă să definească membrii.
 Exemplu: 
interfață Angajat {empID: număr empName: șir getSalary: (număr) => număr // funcție săgeată getManagerName (număr): șir}
În exemplul de mai sus, Angajat interfața include două proprietăți empID și empName . De asemenea, include o declarație de metodă getSalaray folosind un funcția săgeată care include un parametru numeric și un tip de returnare a numărului. getManagerName metoda este declarată folosind o funcție normală.
 TypeScript  Clase 
TypeScript a introdus clase, astfel încât să poată beneficia de avantajele tehnicilor orientate obiect, cum ar fi încapsularea și abstractizarea. Clasa în TypeScript este compilată în funcții JavaScript simple de către compilatorul TypeScript pentru a funcționa pe platforme și browsere.
O clasă include următoarele:
 Constructor 
 Proprietăți 
 Metode 
 Exemplu: 
clasa Angajat {empID: număr empName: constructor șir (ID: număr, nume: șir) {this.empName = nume this.empID = ID} getSalary (): number {return 40000}}
 Moştenire 
Suport TypeScript Moştenire deoarece este capacitatea unui program de a crea noi clase dintr-o clasă existentă. Clasa care este extinsă pentru a crea clase mai noi se numește clasă părinte sau super clasă. Clasele nou create se numesc copil sau subclase.
O clasă moștenește de la o altă clasă folosind cuvântul cheie „extends”. Clasele copil moștenesc toate proprietățile și metodele, cu excepția membrilor și constructorilor privați din clasa părinte. Dar, TypeScript nu acceptă moștenirea multiplă.
 Sintaxă: 
class child_class_name extinde parent_class_name
 Exemplu: 
clasă Persoană {nume: constructor șir (nume: șir) {acest nume.nume =} clasă Angajat extinde Persoană {empID: constructor număr (empID: număr, nume: șir) {super (nume) this.empID = empid} displayName (): void {console.log ('Name =' + this.name + ', Employee ID =' + this.empID)}} let emp = new Employee (701, 'Jason') emp.displayName () // Nume = Jason, ID angajat = 701
Acum, că știți despre cursuri, să mergem mai departe cu acest tutorial TypeScript și să aflăm despre obiecte.
 Obiecte în TypeScript 
Un obiect este o instanță care conține un set diferit de perechi cheie-valoare. Valorile pot fi valori sau funcții scalare sau chiar o serie de alte obiecte.
 Sintaxă: 
var nume_obiect = {cheie1: „valoare1”, // valoare scalară cheie2: „valoare”, cheie3: funcție () {// funcții}, cheie4: [„conținut1”, „conținut2”]
Un obiect poate conține valori, funcții și structuri scalare, cum ar fi tablouri și tupluri.
 Exemplu: 
var person = {firstname: 'Danny', lastname: 'Green'} // accesați valorile obiectului console.log (person.firstname) console.log (person.lastname)
La compilare, va genera același cod în JavaScript.
 Ieșire: 
Danny 
 Verde
Acestea au fost diferitele elemente importante ale TypeScript. Acum, să continuăm cu acest tutorial TypeScript și să aruncăm o privire la un exemplu pentru a înțelege cazul de utilizare.
 Tutorial TypeScript: caz de utilizare 
Aici, vom învăța cum să convertim un existent  la TypeScript.
Când compilăm un fișier TypeScript, acesta produce fișierul JavaScript corespunzător cu același nume. Aici, trebuie să ne asigurăm că fișierul nostru JavaScript original care acționează ca intrare nu poate fi în același director, astfel încât TypeScript să nu le suprasolicite.
Procesul de migrare de la JavaScript la TypeScript include următorii pași:
 1. Adăugați fișierul tsconfig.json la proiect 
Trebuie să adăugați un fișier tsconfig.json la proiect. TypeScript utilizează un fișier tsconfig.json pentru gestionarea opțiunilor de compilare ale proiectului, cum ar fi fișierele pe care doriți să le includeți și să le excludeți.
{'compilerOptions': {'outDir': './built', 'allowJs': true, 'target': 'es5'}, 'include': ['./src/**/*']}
 2. Integrarea cu un instrument de construire 
Majoritatea proiectelor JavaScript au un instrument de construcție integrat, cum ar fi gulp sau webpack. Puteți integra proiecte cu webpack în următoarele moduri:
Rulați următoarea comandă pe terminal:
$ npm instalați minunat-tipescript-loader sursă-hartă-încărcător
În integrarea webpack, utilizați încărcător-tipescript minunat combinat cu încărcător-hartă-sursă pentru depanarea mai ușoară a codului sursă.
diferența dintre html și xml
În al doilea rând, îmbinați proprietatea de configurare a modulului în fișierul nostru webpack.config.js pentru a include încărcătoare.
 3. Mutați toate fișierele .js în fișiere .ts 
În acest pas, trebuie să redenumiți fișierul .js în fișierul .ts. În mod similar, dacă fișierul folosește JSX, va trebui să îl redenumiți în .tsx. Acum, dacă deschidem fișierul într-un editor care acceptă TypeScript, unele dintre coduri ar putea începe să dea erori de compilare. Deci, convertirea fișierelor pe rând permite gestionarea erorilor de compilare mai ușor. Dacă TypeScript găsește erori de compilare în timpul conversiei, este în continuare capabil să traducă codul.
 4. Verificați dacă există erori 
După mutarea fișierului js în fișierul ts, imediat, TypeScript va începe Verificarea tipului codului nostru. Așadar, este posibil să primiți erori de diagnostic în codul JavaScript.
 5. Utilizați biblioteci JavaScript de la terți 
Proiectele JavaScript utilizează biblioteci terțe, cum ar fi  sau Lodash. Pentru a compila fișiere, TypeScript trebuie să cunoască tipurile tuturor obiectelor din aceste biblioteci. Fișierele de definiție de tip TypeScript pentru bibliotecile JavaScript sunt deja disponibile la DefinitelyTyped. Deci, nu este nevoie să instalați acest tip extern. Trebuie să instalați doar acele tipuri care sunt utilizate în proiectul nostru.
Pentru jQuery, puteți instala definiția:
$ npm install @ types / jquery
După aceasta, efectuați modificările proiectului JavaScript, rulați instrumentul de construire. Acum, ar trebui să aveți proiectul TypeScript compilat în JavaScript simplu, care poate fi rulat în browser.
Cu aceasta, am ajuns la sfârșitul acestui tutorial TypeScript. Sper că ați înțeles toate elementele importante ale TypeScript.
 Verificați     de Edureka.  Instruirea pentru certificarea dezvoltării web vă va ajuta să aflați cum să creați site-uri web impresionante folosind HTML5, CSS3, Twitter Bootstrap 3, jQuery și API-urile Google și să îl implementați în Amazon Simple Storage Service (S3). 
 Ai o întrebare pentru noi? Vă rugăm să îl menționați în secțiunea de comentarii din „Tutorial TypeScript” și vă vom răspunde.