Tutorial TypeScript: conoscere i fondamenti di TypeScript

TypeScript è un superset fortemente tipizzato di che compila in semplice JavaScript. È possibile utilizzare questo linguaggio per lo sviluppo JavaScript a livello di applicazione. Inoltre, può essere eseguito su qualsiasi browser, host e sistema operativo. In questo tutorial di TypeScript, entreremo nella profondità di TypeScript e comprenderemo le basi nella seguente sequenza:

• Introduzione a TypeScript
• Tipi TypeScript
• Variabili
• Operatori
• Loop
• Funzioni
• stringhe
• Array
• Interfacce
• Classi
• Oggetti
• Caso d'uso TypeScript

Introduzione a TypeScript

TypeScript è un superset tipizzato di JavaScript che viene compilato in JavaScript normale. TypeScript è puro orientato agli oggetti con classi, interfacce e linguaggi di programmazione di tipo statico come C # o . Richiede un compilatore per compilare e generare in file JavaScript. Fondamentalmente, TypeScript è la versione ES6 di JavaScript con alcune funzionalità aggiuntive.

Un codice TypeScript viene scritto in un file con estensione .ts estensione e quindi compilato in JavaScript utilizzando il compilatore. Puoi scrivere il file in qualsiasi editor di codice e il compilatore deve essere installato sulla tua piattaforma. Dopo l'installazione, il comando tsc .ts compila il codice TypeScript in un semplice file JavaScript.

Sintassi:

var message: string = 'Benvenuto in Edureka!' console.log (messaggio)

Durante la compilazione, genera il seguente codice JavaScript:

// Generato da dattiloscritto 1.8.10 var message = 'Benvenuto in Edureka!' console.log (messaggio)

Caratteristiche di TypeScript

• Cross-platform: Il compilatore TypeScript può essere installato su qualsiasi sistema operativo come Windows, MacOS e Linux.

  
  
  

• Linguaggio orientato agli oggetti : TypeScript fornisce funzionalità come Classi , Interfacce e moduli. Pertanto, può scrivere codice orientato agli oggetti per lo sviluppo lato client e lato server.

• Controllo statico del tipo : TypeScript utilizza la digitazione statica e aiuta il controllo del tipo in fase di compilazione. Pertanto, è possibile trovare errori durante la scrittura del codice senza eseguire lo script.

• Digitazione statica opzionale : TypeScript consente anche la digitazione statica opzionale nel caso in cui si utilizzi la digitazione dinamica di JavaScript.

• Manipolazione DOM : Puoi usare TypeScript per manipolare il DOM per aggiungere o rimuovere elementi.

• Caratteristiche ES 6 : TypeScript include la maggior parte delle funzionalità dell'ECMAScript 2015 pianificato (ES 6, 7) come classe, interfaccia, funzioni freccia, ecc.

Vantaggi dell'utilizzo di TypeScript

• TypeScript è veloce, semplice, facile da imparare e funziona su qualsiasi browser o motore JavaScript.

• È simile per JavaScript e utilizza la stessa sintassi e semantica.

• Questo aiuta gli sviluppatori di backend a scrivere front-end codice più veloce .

• Il codice TypeScript può essere chiamato da un file codice JavaScript esistente . Inoltre, funziona con i framework e le librerie JavaScript esistenti senza problemi.

• Il file Definition, con estensione .d.ts, fornisce il supporto per le librerie JavaScript esistenti come Jquery, D3.js , ecc. Quindi, il codice TypeScript può aggiungere Librerie JavaScript utilizzo delle definizioni di tipo per usufruire dei vantaggi del controllo del tipo, del completamento automatico del codice e della documentazione nelle librerie JavaScript dinamicamente digitate esistenti.

• Include funzionalità da ES6 e ES7 che può essere eseguito in motori JavaScript di livello ES5 come Node.js .

Ora che hai capito cos'è TypeScript, andiamo avanti con questo Tutorial TypeScript e diamo un'occhiata ai diversi tipi.

Tipi TypeScript

Il Type System rappresenta i diversi tipi di valori supportati dalla lingua. Controlla il file validità della fornitura valori prima che vengano memorizzati o manipolati dal programma.

Può essere classificato in due tipologie come:

• Incorporato : Include numero, stringa, booleano, void, null e undefined.
• Definito dall'utente : Include enumerazioni (enumerazioni), classi, interfacce, array e tuple.

Ora andiamo avanti con questo tutorial di TypeScript e capiamo di più sulle variabili.

Tutorial TypeScript: variabili

Una variabile è uno spazio con nome nella memoria che viene utilizzato per memorizzare i valori.

La sintassi del tipo per la dichiarazione di una variabile in TypeScript include i due punti (:) dopo il nome della variabile, seguito dal suo tipo. Simile a JavaScript, utilizziamo l'estensione parola chiave var per dichiarare una variabile.

Ci sono quattro opzioni quando dichiariamo una variabile:

var [identificatore]: [tipo-annotazione] = valore

var [identificatore]: [tipo-annotazione]

var [identificatore] = valore

var [identificare]

Esempio:

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

Durante la compilazione, genererà il seguente codice JavaScript:

// Generato da dattiloscritto 1.8.10 var name = 'Daisy' var empid = 1001 console.log ('name' + name) console.log ('employee id:' + empid)

Produzione:

nome: Daisy
ID dipendente: 1001

Ora passiamo all'argomento successivo del nostro Tutorial TypeScript.

Operatori

Un operatore viene utilizzato per definire le funzioni che verranno eseguite sui dati. I dati su cui lavorano gli operatori sono chiamati operandi. Esistono diversi tipi di file operatori in TypeScript come:

• Operatori aritmetici
• Operatori logici
• Operatori relazionali
• Operatori bit per bit
• Operatori di assegnazione

Operatori aritmetici

Esempio:

var num1: number = 10 var num2: number = 2 var res: number = 0 res = num1 + num2 console.log ('Sum:' + res) res = num1 - num2 console.log ('Difference:' + res) res = num1 * num2 console.log ('Prodotto:' + res)

Produzione:

Somma: 12
Differenza: 8
Prodotto: 20

Operatori logici

Esempio:

piano di monitoraggio e controllo del progetto

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

Produzione:

Valore medio: 20, valore percentuale: 90
(media> 50) && (percentuale> 80): falso

Operatori relazionali

Esempio:

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 maggiore di num2: '+ res) res = num1
 Produzione: 
Valore di num1: 10 
 Valore di num2: 7 
 num1 maggiore di num2: vero 
 num1 minore di num2: falso
 Operatori bit per bit 
 Operatori 
 Descrizione 
 AND bit per bit (&) 
esegue un'operazione booleana AND su ogni bit dei suoi argomenti interi.
 Bitwise OR (|) 
Esegue un'operazione booleana OR su ogni bit dei suoi argomenti interi.
 XOR bit per bit (^) 
Esegue un'operazione booleana OR esclusivo su ogni bit dei suoi argomenti interi.
 Bitwise NOT (~) 
Questo è un operatore unario e opera invertendo tutti i bit nell'operando.
 Tasto maiuscolo di sinistra (<<) 
Sposta tutti i bit nel suo primo operando a sinistra del numero di posizioni specificato nel secondo operando.
 Maiusc destro (>>) 
Il valore dell'operando di sinistra viene spostato a destra del numero di bit specificato dall'operando di destra.
 Shift destro con zero (>>>) 
È simile all'operatore >>, tranne per il fatto che i bit spostati a sinistra sono sempre zero.
 Esempio: 
var a: number = 2 // Presentazione bit 10 var b: number = 3 // Presentazione bit 11 var result result = (a & b) console.log ('(a & b) =>', result) result = ( a | b) console.log ('(a | b) =>', risultato)
 Produzione: 
(a & b) => 2 
 (a | b) => 3
 Operatori di assegnazione 
 Operatori 
 Descrizione 
 Assegnazione semplice (=) 
Assegna i valori dall'operando del lato destro all'operando del lato sinistro
 Aggiungi e assegnazione (+ =) 
Aggiunge l'operando destro all'operando sinistro e assegna il risultato all'operando sinistro.
 Sottrai e assegnazione (- =) 
Sottrae l'operando destro dall'operando sinistro e assegna il risultato all'operando sinistro.
 Moltiplicare e assegnare (* =) 
Moltiplica l'operando destro con l'operando sinistro e assegna il risultato all'operando sinistro.
 Dividi e assegnazione (/ =) 
Divide l'operando di sinistra con l'operando di destra e assegna il risultato all'operando di sinistra.
 Esempio: 
var a: number = 12 var b: number = 10 a = b console.log ('a = b:' + a) a + = b console.log ('a + = b:' + a) a - = b console .log ('a- = b:' + a)
 Produzione: 
a = b: 10 
 a + = b: 20 
 a - = b: 10
Questi erano i diversi operatori. Ora andiamo avanti con il nostro Tutorial TypeScript e impariamo a conoscere i loop.
 Loop 
Potrebbero verificarsi situazioni in cui un blocco di codice deve essere eseguito più volte. UN ciclo continuo dichiarazione ci consente di eseguire una dichiarazione o un gruppo di istruzioni più volte.
I loop TypeScript possono essere classificati come:
 Per Loop 
Il per loop è un'implementazione di un ciclo definito.
 Sintassi: 
for (prima espressione seconda espressione terza espressione) {// istruzioni da eseguire ripetutamente}
Qui, la prima espressione viene eseguita prima dell'inizio del ciclo. La seconda espressione è la condizione per l'esecuzione del ciclo. E la terza espressione viene eseguita dopo l'esecuzione di ogni blocco di codice.
 Esempio: 
per (sia i = 0 i<2 i++) { console.log ('Execute block statement' + i) }
 Produzione: 
Eseguire l'istruzione di blocco 0 
Esegui l'istruzione di blocco 1
 While Loop 
Il ciclo while esegue le istruzioni ogni volta che la condizione specificata restituisce true.
 Sintassi: 
while (espressione di condizione) {// blocco di codice da eseguire}
 Esempio: 
sia io: numero = 1 mentre (i<3) { console.log( 'Block statement execution no.' + i ) i++ }
 Produzione: 
Blocco dell'esecuzione dell'istruzione n. 1 
Blocco dell'esecuzione dell'istruzione n. 2
 Do..While Loop 
Il ciclo do & hellipwhile è simile al ciclo while tranne per il fatto che non valuta la condizione per la prima volta che il ciclo viene eseguito.
 Sintassi: 
do {// blocco di codice da eseguire} while (espressione di condizione)
 Esempio: 
  
let i: number = 1 do {console.log ('Block statement execution no.' + i) i ++} while (i<3)
 Produzione: 
Blocco dell'esecuzione dell'istruzione n. 1 
Blocco dell'esecuzione dell'istruzione n. 2
Oltre a questi, ci sono le istruzioni break e continue in TypeScript che vengono utilizzate in un ciclo.
 Istruzione Break 
L'istruzione break viene utilizzata per prendere il controllo di un costrutto. L'uso dell'istruzione break in un ciclo aiuta il programma a uscire dal ciclo.
 Esempio: 
var i: numero = 1 while (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
 Produzione: 
Il primo multiplo di 5 compreso tra 1 e 10 è: 5
 Continua dichiarazione 
L'istruzione continue salta le istruzioni successive nell'iterazione corrente e riporta il controllo all'inizio del ciclo.
 Esempio: 
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)
 Produzione: 
Il conteggio dei valori dispari tra 0 e 10 è: 5
Questi erano i diversi loop in TypeScript. Ora, andiamo avanti con il nostro Tutorial TypeScript e comprendiamo le funzioni.
 Funzioni 
In JavaScript, funzioni sono una delle parti più importanti in quanto è un linguaggio di programmazione funzionale. Le funzioni assicurano che il programma sia manutenibile e riutilizzabile e organizzato in blocchi leggibili. Sebbene TypeScript fornisca il concetto di classi e moduli, le funzioni sono ancora parte integrante del linguaggio.
 Funzioni denominate 
Una funzione denominata viene utilizzata per dichiarare e chiamare una funzione con il nome dato.
 Esempio: 
funzione display () {console.log ('TypeScript Function')} display ()
 Produzione: 
Funzione TypeScript
 Funzione anonima 
Una funzione anonima è quella definita come espressione. Questa espressione è memorizzata in una variabile. Queste funzioni vengono richiamate utilizzando il nome della variabile in cui è memorizzata la funzione.
 Esempio: 
let greeting = function () {console.log ('TypeScript Function')} greeting ()
 Produzione: 
Funzione TypeScript
 Funzione freccia 
Le notazioni a freccia grossa vengono utilizzate per funzioni anonime, ad esempio per espressioni di funzione. Sono anche chiamate funzioni lambda in altri linguaggi.
 Sintassi: 
(param1, param2, ..., paramN) => espressione
L'utilizzo della freccia grassa (=>) elimina la necessità di utilizzare la parola chiave 'funzione'. I parametri vengono passati tra parentesi angolari e l'espressione della funzione è racchiusa tra parentesi graffe {}.
 Esempio: 
let sum = (x: number, y: number): number => {return x + y} sum (10, 30) // restituisce 40
 Funzione sovraccarico 
TypeScript fornisce il concetto di sovraccarico delle funzioni. Pertanto, puoi avere più funzioni con lo stesso nome ma diversi tipi di parametro e tipo restituito.
 Esempio: 
function add (a: string, b: string): string function add (a: number, b: number): number return a + b} add ('Hello', 'Edureka') // restituisce 'Hello Edureka' add ( 10, 10) // restituisce 20
Nell'esempio sopra, abbiamo la stessa funzione add () con due dichiarazioni di funzione e un'implementazione di funzione. La prima firma ha due parametri di tipo stringa, mentre la seconda firma ha due parametri del numero di tipo.
Questi sono i diversi tipi di funzioni. Ora, andiamo avanti con il nostro Tutorial TypeScript e comprendiamo le stringhe in TypeScript.
 Tutorial TypeScript: stringhe 
Il  è un altro tipo di dati primitivo utilizzato per memorizzare dati di testo. I valori stringa sono racchiusi tra virgolette singole o virgolette doppie.
 Sintassi: 
var nome_var = nuova stringa (stringa)
Esistono diverse proprietà dei metodi disponibili nell'oggetto String come:
 Costruttore - Restituisce un riferimento alla funzione String che ha creato l'oggetto
 Lunghezza - Questo restituisce la lunghezza della stringa
 Prototipo - Questa proprietà consente di aggiungere proprietà e metodi a un oggetto
 Esempio: 
let name = new String ('Welcome to Edureka!') console.log ('Message:' + name) console.log ('Length:' + name.length)
 Produzione: 
Messaggio: Benvenuto in Edureka! 
 Lunghezza: 19
 Metodi di stringa 
L'elenco dei metodi nell'oggetto stringa include:
 Metodo 
 Descrizione 
 charAt () 
Restituisce il carattere all'indice specificato
 charCodeAt () 
Restituisce un numero che indica il valore Unicode del carattere in corrispondenza dell'indice specificato
 concat () 
Combina il testo di due stringhe e restituisce una nuova stringa
 indice di() 
Restituisce l'indice all'interno dell'oggetto String chiamante della prima occorrenza del valore specificato
 lastIndexOf () 
Restituisce l'indice all'interno dell'oggetto String chiamante dell'ultima occorrenza del valore specificato
 incontro() 
Utilizzato per abbinare un'espressione regolare a una stringa
 localeCompare () 
Restituisce un numero che indica se una stringa di riferimento viene prima o dopo o è uguale alla stringa data nell'ordinamento
 ricerca() 
Esegue la ricerca di una corrispondenza tra un'espressione regolare e una stringa specificata
 sostituire() 
Utilizzato per trovare una corrispondenza tra un'espressione regolare e una stringa e per sostituire la sottostringa corrispondente con una nuova sottostringa
 fetta() 
Estrae una sezione di una stringa e restituisce una nuova stringa
 Diviso() 
Divide un oggetto String in un array di stringhe separando la stringa in sottostringhe
 substr () 
Restituisce i caratteri in una stringa che inizia dalla posizione specificata fino al numero di caratteri specificato
 sottostringa () 
Restituisce i caratteri in una stringa tra due indici nella stringa
 toLocaleLowerCase () 
I caratteri all'interno di una stringa vengono convertiti in minuscolo rispettando le impostazioni internazionali correnti
 toLocaleUpperCase () 
I caratteri all'interno di una stringa vengono convertiti in maiuscolo rispettando le impostazioni internazionali correnti
 toLowerCase () 
Restituisce il valore della stringa chiamante convertito in minuscolo
 toUpperCase () 
Restituisce il valore della stringa chiamante convertito in maiuscolo
 accordare() 
Restituisce una stringa che rappresenta l'oggetto specificato
 valore di() 
Restituisce il valore primitivo dell'oggetto specificato
 Esempio: 
let str: string = 'Welcome to Edureka' str.charAt (0) // restituisce 'w' str.charAt (2) // restituisce 'l' 'Welcome to Edureka'.charAt (2) restituisce' l 'let str1 : string = 'welcome' let str2: string = 'Edureka' str1.concat (str2) // restituisce 'welcomeEdureka' str1.concat ('', str2) // restituisce 'welcome Edureka' str1.concat ('' to ' ') // restituisce' benvenuto a '
Ora che conosci le stringhe, passiamo a questo tutorial di TypeScript e comprendiamo gli array.
 Array in TypeScript 
Un Vettore è un tipo speciale di tipo di dati che memorizza più valori di diversi tipi di dati in sequenza utilizzando una sintassi speciale. Gli elementi della matrice sono identificati da un numero intero univoco chiamato pedice o indice dell'elemento.
 Sintassi: 
var array_name [: datatype] // dichiarazione array_name = [val1, val2, valn ..] // inizializzazione
 Esempio: 
let names: Array names = ['John', 'Daisy', 'Rachel'] let ids: Array ids = [101, 700, 321]
 Metodi di matrice 
Di seguito è riportato un elenco di diversi metodi Array che possono essere utilizzati per scopi diversi:
 Metodo 
 Descrizione 
 filtro() 
Crea un nuovo array con tutti gli elementi di questo array per il quale la funzione di filtro fornita restituisce true
 ogni() 
Restituisce vero se ogni elemento in questo array soddisfa la funzione di test fornita
 concat () 
Restituisce un nuovo array composto da questo array unito ad altri array
 indice di() 
Restituisce il primo o il minimo indice di un elemento all'interno della matrice uguale al valore specificato
 per ciascuno() 
Chiama una funzione per ogni elemento dell'array
 aderire() 
Unisce tutti gli elementi di un array in una stringa
 lastIndexOf () 
Restituisce l'ultimo o il più grande indice di un elemento all'interno della matrice uguale al valore specificato
 carta geografica() 
Crea un nuovo array con i risultati della chiamata di una funzione fornita su ogni elemento in questo array
 spingere() 
Aggiunge uno o più elementi alla fine di una matrice e restituisce la nuova lunghezza della matrice
 pop () 
Rimuove l'ultimo elemento da un array e restituisce quell'elemento
 ridurre() 
Applicare una funzione contemporaneamente a due valori dell'array da sinistra a destra per ridurla a un unico valore
 reduceRight () 
Applicare una funzione contemporaneamente a due valori dell'array da destra a sinistra per ridurla a un unico valore
 inversione() 
Inverte l'ordine degli elementi di un array
 cambio() 
Rimuove il primo elemento da un array e restituisce quell'elemento
 fetta() 
Estrae una sezione di un array e restituisce un nuovo array
 alcuni() 
Restituisce true se almeno un elemento in questo array soddisfa la funzione di test fornita
 ordinare() 
Ordina gli elementi di un array
 accordare() 
Restituisce una stringa che rappresenta l'array e i suoi elementi
 giunzione () 
Aggiunge e / o rimuove elementi da un array
 unshift () 
Aggiunge uno o più elementi all'inizio di un array e restituisce la nuova lunghezza dell'array
differenza tra lancia e lancia java
 Esempio: 
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']
Ora andiamo avanti con questo tutorial di TypeScript e impariamo le interfacce.
 Interfacce TypeScript 
L'interfaccia è una struttura che definisce il contratto nella tua applicazione. Definisce la sintassi per le classi da seguire. Contiene solo la dichiarazione dei membri ed è responsabilità della classe derivante definire i membri.
 Esempio: 
interfaccia Employee {empID: number empName: string getSalary: (number) => number // arrow function getManagerName (number): string}
Nell'esempio sopra, il Dipendente l'interfaccia include due proprietà empID e empName . Include anche una dichiarazione del metodo getSalaray utilizzando un file funzione freccia che include un parametro numerico e un tipo restituito da un numero. Il getManagerName metodo viene dichiarato utilizzando una normale funzione.
 Dattiloscritto  Classi 
TypeScript ha introdotto le classi in modo che possano usufruire dei vantaggi delle tecniche orientate agli oggetti come l'incapsulamento e l'astrazione. La classe in TypeScript viene compilata per semplici funzioni JavaScript dal compilatore TypeScript per funzionare su piattaforme e browser.
Una classe include quanto segue:
 Costruttore 
 Proprietà 
 Metodi 
 Esempio: 
class Employee {empID: number empName: string constructor (ID: number, name: string) {this.empName = name this.empID = ID} getSalary (): number {return 40000}}
 Eredità 
TypeScript supporta Eredità poiché è la capacità di un programma di creare nuove classi da una classe esistente. La classe estesa per creare classi più recenti è chiamata classe genitore o super classe. Le classi appena create sono chiamate figlio o sottoclassi.
Una classe eredita da un'altra classe utilizzando la parola chiave 'extends'. Le classi figlie ereditano tutte le proprietà e i metodi tranne i membri privati ​​ei costruttori dalla classe genitore. Tuttavia, TypeScript non supporta l'ereditarietà multipla.
 Sintassi: 
class child_class_name estende parent_class_name
 Esempio: 
class Person {name: string constructor (name: string) {this.name = name}} class Employee extends 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 () // Nome = Jason, ID dipendente = 701
Ora che conosci le classi, andiamo avanti con questo tutorial di TypeScript e impariamo a conoscere gli oggetti.
 Oggetti in TypeScript 
Un oggetto è un'istanza che contiene un diverso insieme di coppie chiave-valore. I valori possono essere valori o funzioni scalari o anche un array di altri oggetti.
 Sintassi: 
var nome_oggetto = {chiave1: 'valore1', // valore scalare chiave2: 'valore', chiave3: funzione () {// funzioni}, chiave4: ['contenuto1', 'contenuto2']
Un oggetto può contenere valori scalari, funzioni e strutture come array e tuple.
 Esempio: 
var person = {firstname: 'Danny', lastname: 'Green'} // accedi ai valori dell'oggetto console.log (person.firstname) console.log (person.lastname)
Durante la compilazione, genererà lo stesso codice in JavaScript.
 Produzione: 
Danny 
 verde
Questi erano i diversi elementi importanti di TypeScript. Ora, andiamo avanti con questo tutorial di TypeScript e diamo un'occhiata a un esempio per capire il caso d'uso.
 Tutorial TypeScript: caso d'uso 
Qui impareremo come convertire un file esistente  in TypeScript.
Quando compiliamo un file TypeScript, produce il file JavaScript corrispondente con lo stesso nome. Qui, dobbiamo assicurarci che il nostro file JavaScript originale che funge da input non possa essere nella stessa directory in modo che TypeScript non li sovrascriva.
Il processo per migrare da JavaScript a TypeScript include i seguenti passaggi:
 1.Aggiungere il file tsconfig.json al progetto 
È necessario aggiungere un file tsconfig.json al progetto. TypeScript utilizza un file tsconfig.json per gestire le opzioni di compilazione del progetto, ad esempio i file che si desidera includere ed escludere.
{'compilerOptions': {'outDir': './built', 'allowJs': true, 'target': 'es5'}, 'include': ['./src/**/*']}
 2. Integrazione con uno strumento di compilazione 
La maggior parte dei progetti JavaScript ha uno strumento di compilazione integrato come gulp o webpack. Puoi integrare progetti con webpack nei seguenti modi:
Esegui il seguente comando sul terminale:
$ npm installa awesome-typescript-loader source-map-loader
Nell'integrazione del pacchetto web, usi il caricatore di caratteri fantastici combinato con il caricatore di mappe dei sorgenti per un debug più semplice del codice sorgente.
In secondo luogo, unisci la proprietà di configurazione del modulo nel nostro file webpack.config.js per includere i caricatori.
 3. Spostare tutti i file .js nei file .ts 
In questo passaggio, devi rinominare il file .js in file .ts. Allo stesso modo, se il file utilizza JSX, sarà necessario rinominarlo in .tsx. Ora, se apriamo quel file in un editor che supporta TypeScript, alcuni dei codici potrebbero iniziare a dare errori di compilazione. Quindi, convertire i file uno per uno consente di gestire più facilmente gli errori di compilazione. Se TypeScript rileva errori di compilazione durante la conversione, è comunque in grado di tradurre il codice.
 4. Verificare la presenza di errori 
Dopo aver spostato il file js nel file ts, immediatamente TypeScript inizierà il controllo del tipo del nostro codice. Pertanto, potresti ricevere errori di diagnostica nel codice JavaScript.
 5. Utilizzare librerie JavaScript di terze parti 
I progetti JavaScript utilizzano librerie di terze parti come  o Lodash. Per compilare i file, TypeScript deve conoscere i tipi di tutti gli oggetti in queste librerie. I file di definizione del tipo TypeScript per le librerie JavaScript sono già disponibili in DefinitelyTyped. Quindi, non è necessario installare questo tipo esternamente. È necessario installare solo i tipi utilizzati nel nostro progetto.
Per jQuery, puoi installare la definizione:
$ npm install @ types / jquery
Successivamente, apporta le modifiche al progetto JavaScript, esegui lo strumento di compilazione. Ora, dovresti avere il progetto TypeScript compilato in un semplice JavaScript che può essere eseguito nel browser.
Con questo, siamo arrivati ​​alla fine di questo Tutorial TypeScript. Spero che tu abbia capito tutti gli elementi importanti di TypeScript.
 Controlla il     di Edureka.  La formazione sulla certificazione per lo sviluppo web ti aiuterà a imparare come creare siti Web straordinari utilizzando HTML5, CSS3, Twitter Bootstrap 3, jQuery e API di Google e a distribuirli su Amazon Simple Storage Service (S3). 
 Hai domande per noi? Si prega di menzionarlo nella sezione commenti di 'Tutorial TypeScript' e ti risponderemo.