Vodič za TypeScript: Znajte o osnovama TypeScript-a

TypeScript je jako tipizirani superset koji se kompajlira u obični JavaScript. Ovaj jezik možete koristiti za razvoj JavaScript-a na razini aplikacije. Također, može se izvršiti na bilo kojem pregledniku, bilo kojem hostu i bilo kojem operativnom sustavu. U ovom vodiču za TypeScript ući ćemo u dubinu Typescripta i razumjeti osnove u sljedećem slijedu:

• Uvod u TypeScript
• Vrste TypeScript-a
• Varijable
• Operateri
• Petlje
• Funkcije
• Žice
• Nizovi
• Sučelja
• Nastava
• Predmeti
• Slučaj upotrebe TypeScript-a

Uvod u TypeScript

TypeScript je otkucani nabor JavaScripta koji se kompajlira u obični JavaScript. TypeScript je čisto objektno orijentiran s klasama, sučeljima i statički upisanim programskim jezicima poput C # ili . Zahtijeva kompajler za kompajliranje i generiranje u JavaScript datoteci. U osnovi, TypeScript je ES6 verzija JavaScript-a s nekim dodatnim značajkama.

TypeScript kod zapisan je u datoteci s .ts produžetak a zatim kompajliran u JavaScript pomoću kompajlera. Datoteku možete napisati u bilo kojem uređivaču koda, a prevoditelj mora biti instaliran na vašoj platformi. Nakon instalacije naredba tsc .ts kompajlira TypeScript kôd u običnu JavaScript datoteku.

Sintaksa:

var poruka: string = 'Dobrodošli u Edureku!' console.log (poruka)

Pri prevođenju generira sljedeći JavaScript kôd:

// Generirano strojepisom 1.8.10 var message = 'Dobrodošli u Edureku!' console.log (poruka)

Značajke Typescripta

• Više platformi: Kompajler TypeScript može se instalirati na bilo koji operativni sustav kao što su Windows, MacOS i Linux.

  
  
  

• Objektno orijentirani jezik : TypeScript pruža značajke poput Nastava , Sučelja i modula. Stoga može pisati objektno orijentirani kôd za razvoj na strani klijenta kao i na poslužitelju.

• Provjera statičkog tipa : TypeScript koristi statičko tipkanje i pomaže u provjeri tipa u vrijeme sastavljanja. Dakle, tijekom pisanja koda možete pronaći pogreške bez pokretanja skripte.

• Izborno statičko tipkanje : TypeScript također dopušta neobavezno statičko tipkanje u slučaju da koristite dinamičko tipkanje JavaScript-a.

• DOM manipulacija : Možete koristiti TypeScript za manipulaciju DOM-om za dodavanje ili uklanjanje elemenata.

• ES 6 Značajke : TypeScript uključuje većinu značajki planiranog ECMAScript 2015 (ES 6, 7) kao što su klasa, sučelje, funkcije strelica itd.

Prednosti korištenja Typescripta

• TypeScript je brzo, jednostavno, lako za naučiti i radi na bilo kojem pregledniku ili JavaScript mehanizmu.

• to je sličan do JavaScript i koristi istu sintaksu i semantiku.

• To pomaže pozadinskim programerima da pišu front-end kod brže .

• TypeScript kod se može pozvati s postojeći JavaScript kôd . Također, bez problema radi s postojećim JavaScript okvirima i knjižnicama.

• Datoteka Definicija s nastavkom .d.ts pruža podršku za postojeće JavaScript knjižnice poput Jquery, D3.js itd. Dakle, TypeScript kôd može dodati JavaScript knjižnice koristeći definicije tipova kako bi iskoristili blagodati provjere tipa, automatskog dovršavanja koda i dokumentacije u postojećim dinamički upisanim JavaScript knjižnicama.

• Uključuje značajke iz ES6 i ES7 koji se mogu izvoditi u JavaScript motorima na razini ES5 poput Node.js .

Sad kad ste shvatili što je TypeScript, krenimo s ovim vodičem za TypeScript i pogledajte različite vrste.

Vrste TypeScript-a

Sustav tipova predstavlja različite vrste vrijednosti koje jezik podržava. Provjerava valjanost od isporučenih vrijednosti prije nego što ih program pohrani ili njima manipulira.

miješanje podataka u tablici 10

Može se klasificirati u dvije vrste kao što su:

• Ugrađena : To uključuje broj, niz, logičke vrijednosti, void, null i undefined.
• Korisnik definiran : Uključuje nabrajanja (enume), klase, sučelja, nizove i tuple.

Krenimo sada s ovim vodičem za TypeScript i shvatimo više o varijablama.

Vodič za TypeScript: Varijable

Varijabla je imenovani prostor u memoriji koji se koristi za pohranu vrijednosti.

Sintaksa tipa za deklariranje varijable u TypeScript-u uključuje dvotačku (:) nakon naziva varijable, nakon čega slijedi njen tip. Slično JavaScriptu, koristimo i ključna riječ var za deklariranje varijable.

Postoje četiri mogućnosti kada deklariramo varijablu:

var [identifikator]: [anotacija tipa] = vrijednost

var [identifikator]: [napomena o tipu]

var [identifikator] = vrijednost

var [identificirati]

Primjer:

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

Prilikom sastavljanja generirat će sljedeći JavaScript kôd:

// generirano strojepisom 1.8.10 var name = 'Daisy' var empid = 1001 console.log ('name' + name) console.log ('id zaposlenika:' + empid)

Izlaz:

ime: Daisy
id zaposlenika: 1001

Sada prijeđimo na sljedeću temu našeg vodiča za TypeScript.

Operateri

Operator se koristi za definiranje funkcija koje će se izvoditi na podacima. Podaci na kojima operatori rade nazivaju se operandi. Postoje različite vrste operatora u TypeScript-u kao što su:

• Aritmetički operatori
• Logički operatori
• Relacijski operateri
• Bitovni operatori
• Operatori dodjele

Aritmetički operatori

Primjer:

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

Izlaz:

Zbroj: 12
Razlika: 8
Proizvod: 20

Logički operatori

Primjer:

var prosj: broj = 20 var postotak: broj = 90 console.log ('Vrijednost prosj:' + prosjek + ', vrijednost postotka:' + postotak) var res: boolean = ((prosjek> 50) && (postotak> 80 )) console.log ('(prosjek> 50) && (postotak> 80):', res)

Izlaz:

Vrijednost prosjeka: 20, vrijednost postotka: 90
(prosjek> 50) && (postotak> 80): netačno

Relacijski operateri

Primjer:

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 veći od num2: '+ res) res = num1
 Izlaz: 
Vrijednost num1: 10 
 Vrijednost num2: 7 
 num1 veći od num2: true 
 num1 manji od num2: netačno
 Bitovni operateri 
 Operateri 
 Opis 
 Bitno I (&) 
izvodi logičku operaciju I za svaki bit svojih cjelobrojnih argumenata.
 Bitno ILI (|) 
Izvodi logičku operaciju ILI za svaki bit svojih cjelobrojnih argumenata.
 Bitno XOR (^) 
Izvodi ekskluzivnu logičku operaciju ILI za svaki bit svojih cjelobrojnih argumenata.
 Bitno NE (~) 
Ovo je unarni operator i djeluje tako da obrne sve bitove u operandu.
 Lijevi pomak (<<) 
Premješta sve bitove u svom prvom operandu ulijevo za broj mjesta navedenih u drugom operandu.
 Desni pomak (>>) 
Vrijednost lijevog operanda pomiče se udesno za broj bitova određenih desnim operandom.
 Desni pomak s nulom (>>>) 
Slično je operatoru >>, osim što su bitovi pomaknuti lijevo uvijek nula.
 Primjer: 
var a: broj = 2 // Bit prezentacija 10 var b: number = 3 // Bit prezentacija 11 var rezultat rezultat = (a & b) console.log ('(a & b) =>', rezultat) rezultat = ( a | b) console.log ('(a | b) =>', rezultat)
 Izlaz: 
(a & b) => 2 
 (a | b) => 3
 Operatori dodjele 
 Operateri 
 Opis 
 Jednostavno dodjeljivanje (=) 
Dodijeljuje vrijednosti s desnog bočnog operanda lijevom bočnom operandu
 Dodaj i dodijeli (+ =) 
Dodaje desni operand lijevom i dodjeljuje rezultat lijevom operandu.
 Oduzimanje i dodjela (- =) 
Oduzima desni operand od lijevog i dodjeljuje rezultat lijevom operandu.
 Množenje i dodjeljivanje (* =) 
Množi desni operand s lijevim i dodjeljuje rezultat lijevom operandu.
 Podjela i dodjela (/ =) 
Dijeli lijevi operand s desnim i dodjeljuje rezultat lijevom operandu.
 Primjer: 
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)
 Izlaz: 
a = b: 10 
 a + = b: 20 
 a - = b: 10
To su bili različiti operatori. Krenimo sada s našim vodičem za TypeScript i naučimo o petljama.
 Petlje 
Mogu biti situacije kada blok koda treba izvršiti nekoliko puta. A petlja Izjava nam omogućuje da više puta izvršimo naredbu ili grupu izjava.
Petlje TypeScript mogu se klasificirati kao:
 Za Loop 
The za petlju je provedba određene petlje.
 Sintaksa: 
za (prvi izraz drugi izraz treći izraz) {// izrazi koji se izvode više puta}
Ovdje se prvi izraz izvršava prije početka petlje. Drugi je izraz uvjet izvođenja petlje. I treći izraz se izvršava nakon izvršavanja svakog bloka koda.
 Primjer: 
za (neka je i = 0 i<2 i++) { console.log ('Execute block statement' + i) }
 Izlaz: 
Izvršite blok naredbu 0 
Izvršite blok naredbu 1
 Dok je Petlja 
Petlja while izvršava upute svaki put kada se navedeni uvjet procijeni na tačno.
 Sintaksa: 
while (izraz stanja) {// blok koda koji treba izvršiti}
 Primjer: 
neka i: ​​broj = 1 dok (i<3) { console.log( 'Block statement execution no.' + i ) i++ }
 Izlaz: 
Izvršenje izvoda bloka br.1 
Izvršenje blok izvoda br.2
 Do..Dok Loop 
Petlja do & hellipgether slična je while petlji, samo što ne procjenjuje stanje po prvi put da se petlja izvršava.
 Sintaksa: 
do {// blok koda koji treba izvršiti} while (izraz stanja)
 Primjer: 
  
neka i: ​​number = 1 radi {console.log ('Blokiraj izvršavanje izraza br.' + i) i ++} while (i<3)
 Izlaz: 
Izvršenje izvoda bloka br.1 
Izvršenje blok izvoda br.2
Osim njih, postoje naredbe break and continue u TypeScript-u koje se koriste u petlji.
 Izjava o prekidu 
Izraz break koristi se za preuzimanje kontrole nad konstruktom. Korištenje izraza break u petlji pomaže programu u izlasku iz petlje.
 Primjer: 
var i: broj = 1 dok (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
 Izlaz: 
Prvi višekratnik od 5 između 1 i 10 je: 5
 Nastavite s Izjavom 
Izraz continue preskače naredne izraze u trenutnoj iteraciji i vraća kontrolu na početak petlje.
 Primjer: 
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)
 Izlaz: 
Broj neparnih vrijednosti između 0 i 10 iznosi: 5
To su bile različite petlje u TypeScript-u. Krenimo sada s našim vodičem za TypeScript i razumijejmo funkcije.
 Funkcije 
U JavaScriptu, funkcije su jedan od najvažnijih dijelova jer je to funkcionalan programski jezik. Funkcije osiguravaju održavanje programa i mogućnost ponovne upotrebe te organiziranje u čitljive blokove. Iako TypeScript pruža koncept klasa i modula, funkcije su i dalje sastavni dio jezika.
 Imenovane funkcije 
Imenovana funkcija koristi se za deklariranje i pozivanje funkcije prema zadanom imenu.
 Primjer: 
prikaz funkcije () {console.log ('Funkcija TypeScript')} prikaz ()
 Izlaz: 
Funkcija TypeScript
 Anonimna funkcija 
Anonimna funkcija je ona koja se definira kao izraz. Ovaj izraz pohranjen je u varijablu. Te se funkcije pozivaju pomoću imena varijable u kojem je funkcija pohranjena.
 Primjer: 
neka pozdrav = funkcija () {console.log ('Funkcija TypeScript')} pozdrav ()
 Izlaz: 
Funkcija TypeScript
 Funkcija strelice 
Oznake masnih strelica koriste se za anonimne funkcije, tj. Za izraze funkcija. Na drugim jezicima nazivaju se i lambda funkcijama.
 Sintaksa: 
(param1, param2, ..., paramN) => izraz
Korištenje masne strelice (=>) smanjuje potrebu za korištenjem ključne riječi 'function'. Parametri se prosljeđuju u kutne zagrade, a izraz funkcije nalazi se u kovrčavim zagradama {}.
 Primjer: 
neka zbroj = (x: broj, y: broj): broj => {povratak x + y} zbroj (10, 30) // vraća 40
 Preopterećenje funkcije 
TypeScript pruža koncept preopterećenja funkcije. Dakle, možete imati više funkcija s istim imenom, ali različite vrste parametara i tip povratka.
 Primjer: 
funkcija add (a: string, b: string): string function add (a: number, b: number): number return a + b} add ('Hello', 'Edureka') // vraća 'Hello Edureka' add ( 10, 10) // vraća 20
U gornjem primjeru imamo istu funkciju add () s dvije deklaracije funkcije i jednom implementacijom funkcije. Prvi potpis ima dva parametra tipa string, dok drugi potpis ima dva parametra broja tipa.
To su različite vrste funkcija. Krenimo sada s našim vodičem za TypeScript i razumijejmo nizove u TypeScript-u.
 Vodič za TypeScript: žice 
The  je još jedan primitivni tip podataka koji se koristi za pohranu tekstualnih podataka. Vrijednosti niza okružene su jednostrukim navodnicima ili dvostrukim navodnicima.
 Sintaksa: 
var var_name = novi niz (niz)
U String objektu dostupna su različita svojstva metoda kao što su:
 Graditelj - Vraća referencu na funkciju String koja je kreirala objekt
 Duljina - Ovo vraća duljinu niza
 Prototip - Ovo svojstvo omogućuje vam dodavanje svojstava i metoda u objekt
 Primjer: 
let name = new String ('Dobro došli u Edureka!') console.log ('Poruka:' + ime) console.log ('Length:' + name.length)
 Izlaz: 
Poruka: Dobrodošli u Edureku! 
 Duljina: 19
 String metode 
Popis metoda u string objektu uključuje:
 Metoda 
 Opis 
 charAt () 
Vraća znak u navedenom indeksu
 charCodeAt () 
Vraća broj koji označava Unicode vrijednost znaka u danom indeksu
 concat () 
Kombinira tekst dva niza i vraća novi niz
 indexOf () 
Vraća indeks unutar pozivajućeg String objekta prvog pojavljivanja navedene vrijednosti
 lastIndexOf () 
Vraća indeks unutar pozivajućeg String objekta posljednjeg pojavljivanja navedene vrijednosti
 podudaranje () 
Koristi se za podudaranje regularnog izraza sa nizom
 localeCompare () 
Vraća broj koji pokazuje dolazi li referentni niz prije ili poslije ili je isti kao zadani niz poredanim redoslijedom
 traži() 
Ovim se izvršava potraga za podudaranjem između regularnog izraza i navedenog niza
type casting u javi s primjerom
 zamijeniti() 
Koristi se za pronalaženje podudaranja između regularnog izraza i niza i za zamjenu podudaranja podniza s novim podnizom
 kriška() 
Izdvaja dio niza i vraća novi niz
 podjela() 
Dijeli objekt String u niz nizova razdvajanjem niza u podnizove
 substr () 
Vraća znakove u nizu koji započinju na navedenom mjestu kroz navedeni broj znakova
 podniz () 
Vraća znakove u nizu između dva indeksa u niz
 toLocaleLowerCase () 
Znakovi unutar niza pretvaraju se u mala slova uz poštivanje trenutne lokacije
 toLocaleUpperCase () 
Znakovi unutar niza pretvaraju se u velika slova uz poštivanje trenutne lokacije
 toLowerCase () 
Vraća vrijednost pozivnog niza pretvorenu u mala slova
 toUpperCase () 
Vraća vrijednost pozivnog niza pretvorenu u velika slova
 toString () 
Vraća niz koji predstavlja navedeni objekt
 vrijednost() 
Vraća primitivnu vrijednost navedenog objekta
 Primjer: 
neka str: string = 'Dobrodošli u Edureku' str.charAt (0) // vraća 'w' str.charAt (2) // vraća 'l' 'Dobrodošli u Edureka'.charAt (2) vraća' l 'neka str1 : string = 'welcome' let str2: string = 'Edureka' str1.concat (str2) // vraća 'welcomeEdureka' str1.concat ('', str2) // vraća 'welcome Edureka' str1.concat ('' to ' ') // vraća' dobrodošli u '
Sad kad znate za žice, krenimo s ovim tutorijalom za TypeScript i razumijemo nizove.
 Nizovi u TypeScript-u 
An niz je posebna vrsta podataka koja uzastopno pohranjuje više vrijednosti različitih vrsta podataka koristeći posebnu sintaksu. Elementi niza identificiraju se jedinstvenim cijelim brojem koji se naziva indeks ili indeks elementa.
 Sintaksa: 
var ime_niza [: tip podataka] // deklaracija ime_niza = [val1, val2, valn ..] // inicijalizacija
 Primjer: 
neka imena: Imena niza = ['John', 'Daisy', 'Rachel'] neka ids: IDovi niza = [101, 700, 321]
 Metode niza 
Evo popisa različitih metoda niza koje se mogu koristiti u različite svrhe:
 Metoda 
 Opis 
 filtar() 
Stvara novi niz sa svim elementima ovog niza za koji navedena funkcija filtriranja vraća true
 svaki() 
Vraća true ako svaki element u ovom polju zadovoljava pruženu funkciju testiranja
 concat () 
Vraća novi niz koji se sastoji od ovog polja pridruženog drugim nizovima
 indexOf () 
Vraća prvi ili najmanji indeks elementa unutar polja jednak navedenoj vrijednosti
 za svakoga() 
Poziva funkciju za svaki element u polju
 pridružiti() 
Spaja sve elemente niza u niz
 lastIndexOf () 
Vraća posljednji ili najveći indeks elementa unutar polja jednak navedenoj vrijednosti
 karta() 
Stvara novi niz s rezultatima pozivanja zadane funkcije na svakom elementu u ovom nizu
 gurnuti() 
Dodaje jedan ili više elemenata na kraj niza i vraća novu duljinu niza
 pop () 
Uklanja posljednji element iz niza i vraća taj element
 smanjiti() 
Primijenite funkciju istodobno na dvije vrijednosti niza s lijeva na desno kako bi se smanjila na jednu vrijednost
 smanjitidesno () 
Primijenite funkciju istovremeno na dvije vrijednosti polja s desna na lijevo kako biste je smanjili na jednu vrijednost
 obrnuti () 
Obrne redoslijed elemenata niza
 smjena () 
Uklanja prvi element iz niza i vraća taj element
 kriška() 
Izdvaja odjeljak niza i vraća novi niz
 neki() 
Vraća true ako barem jedan element u ovom polju zadovoljava pruženu funkciju testiranja
 vrsta() 
Razvrstava elemente niza
 toString () 
Vraća niz koji predstavlja niz i njegove elemente
 spojnica () 
Dodaje i / ili uklanja elemente iz niza
 pomakni () 
Dodaje jedan ili više elemenata na prednju stranu niza i vraća novu duljinu niza
 Primjer: 
var ime: Array = ['John', 'Daisy', 'Tara'] name.sort () console.log (name) // output: ['Daisy', 'John', 'Tara'] console.log ( name.pop ()) // izlaz: Tara name.push ('Rachel') console.log (name) // output: ['John', 'Daisy', 'Rachel']
Krenimo sada s ovim vodičem za TypeScript i naučimo o sučeljima.
 TypeScript sučelja 
Sučelje je struktura koja definira ugovor u vašoj aplikaciji. Definira sintaksu klasa koje slijede. Sadrži samo izjavu članova i odgovornost je izvedbene klase da definira članove.
 Primjer: 
sučelje Zaposlenik {empID: broj empName: string getSalary: (broj) => broj // funkcija strelice getManagerName (broj): string}
U gornjem primjeru, Zaposlenik sučelje uključuje dva svojstva empID i empName . Također uključuje deklaraciju metode getSalaray pomoću an funkcija strelice koji uključuje jedan parametar broja i tip povrata broja. The getManagerName metoda deklarira se pomoću normalne funkcije.
 TypeScript  Nastava 
TypeScript je uveo klase kako bi mogli iskoristiti blagodati objektno orijentiranih tehnika poput enkapsulacije i apstrakcije. Klasa u TypeScriptu kompajler TypeScript kompilira u obične JavaScript funkcije za rad na platformama i preglednicima.
Predavanje uključuje sljedeće:
 Graditelj 
 Svojstva 
 Metode 
 Primjer: 
klasa Zaposlenik {empID: broj empName: konstruktor niza (ID: broj, ime: string) {this.empName = name this.empID = ID} getSalary (): number {return 40000}}
 Nasljeđivanje 
Podržava TypeScript Nasljeđivanje kao što je to sposobnost programa da stvori nove razrede iz postojeće klase. Klasa koja je proširena za stvaranje novijih klasa naziva se roditeljska klasa ili super klasa. Novostvoreni razredi nazivaju se podređenim ili podrazredima.
Klasa nasljeđuje drugu klasu pomoću ključne riječi ‘extends’. Podređene klase nasljeđuju sva svojstva i metode, osim privatnih članova i konstruktora iz roditeljske klase. Ali, TypeScript ne podržava višestruko nasljeđivanje.
 Sintaksa: 
klasa ime_dijete-klase produžuje ime_razreda-roditelja
 Primjer: 
klasa Person {ime: konstruktor niza (ime: niz) {this.name = name}} klasa Zaposlenik proširuje Person {empID: konstruktor broja (empID: broj, ime: niz) {super (ime) this.empID = empid} displayName (): void {console.log ('Name =' + this.name + ', ID zaposlenika =' + this.empID)}} neka emp = novi zaposlenik (701, 'Jason') emp.displayName () // Ime = Jason, ID zaposlenika = 701
Sad kad znate za klase, krenimo dalje s ovim vodičem za TypeScript i naučimo o Objektima.
 Objekti u TypeScript-u 
Objekt je instanca koja sadrži drugačiji skup parova ključ / vrijednost. Vrijednosti mogu biti skalarne vrijednosti ili funkcije ili čak niz drugih objekata.
 Sintaksa: 
var object_name = {key1: “value1”, // skalarna vrijednost key2: “value”, key3: function () {// functions}, key4: [“content1”, “content2”]
Objekt može sadržavati skalarne vrijednosti, funkcije i strukture poput nizova i korpica.
 Primjer: 
var person = {ime: 'Danny', prezime: 'Zeleno'} // pristup vrijednostima objekta console.log (person.firstname) console.log (person.lastname)
Prilikom sastavljanja generirat će isti kod u JavaScript-u.
 Izlaz: 
Danny 
 Zelena
To su bili različiti važni elementi Typescripta. Krenimo sada s ovim vodičem za TypeScript i pogledajmo primjer za razumijevanje slučaja upotrebe.
 Vodič za TypeScript: Slučaj upotrebe 
Ovdje ćemo naučiti kako pretvoriti postojeće  na TypeScript.
Kada kompajliramo datoteku TypeScript, ona stvara odgovarajuću JavaScript datoteku s istim imenom. Ovdje moramo osigurati da naša izvorna JavaScript datoteka koja djeluje kao ulaz ne može biti u istom direktoriju kako ih TypeScript ne bi nadjačao.
Proces migriranja s JavaScript-a na TypeScript uključuje sljedeće korake:
 1. Dodajte datoteku tsconfig.json u projekt 
U projekt morate dodati datoteku tsconfig.json. TypeScript koristi datoteku tsconfig.json za upravljanje opcijama kompilacije projekta, kao što su datoteke koje želite uključiti i izuzeti.
{'compilerOptions': {'outDir': './built', 'allowJs': true, 'target': 'es5'}, 'include': ['./src/**/*']}
 2. Integrirajte se s alatom za izgradnju 
Većina JavaScript projekata ima integrirani alat za izgradnju, poput gutljaja ili webpacka. Projekte možete integrirati s webpackom na sljedeće načine:
Na terminalu pokrenite sljedeću naredbu:
$ npm instalirajte awesome-typecript-loader source-map-loader
U integraciji webpack-a koristite awesome-typecript-loader u kombinaciji s source-map-loader za lakše otklanjanje pogrešaka u izvornom kodu.
Drugo, spojite svojstvo konfiguracije modula u našu datoteku webpack.config.js da biste uključili učitavače.
 3. Premjestite sve .js datoteke u .ts datoteke 
U ovom koraku morate preimenovati .js datoteku u .ts datoteku. Slično tome, ako datoteka koristi JSX, morat ćete je preimenovati u .tsx. Sada, ako otvorimo tu datoteku u uređivaču koji podržava TypeScript, neki od kodova mogu početi prikazivati ​​pogreške u kompilaciji. Dakle, pretvaranje datoteka jednu po jednu omogućuje lakše rukovanje pogreškama kompilacije. Ako TypeScript tijekom konverzije pronađe greške u kompilaciji, i dalje može prevesti kôd.
 4. Provjerite ima li pogrešaka 
Nakon premještanja js datoteke u ts datoteku, TypeScript će odmah započeti provjeru tipa našeg koda. Dakle, možda ćete dobiti dijagnostičke pogreške u JavaScript kodu.
 5. Koristite JavaScript knjižnice treće strane 
JavaScript projekti koriste neovisne knjižnice poput  ili Lodash. Da bi kompajlirao datoteke, TypeScript mora znati vrste svih objekata u tim knjižnicama. Datoteke definicije TypeScript Type za JavaScript knjižnice već su dostupne na DefinitelyTyped. Dakle, nema potrebe za instaliranjem ove vrste izvana. Trebate instalirati samo one vrste koje se koriste u našem projektu.
Za jQuery možete instalirati definiciju:
$ npm install @ types / jquery
Nakon toga unesite promjene u JavaScript projekt, pokrenite alat za izgradnju. Sada biste trebali imati TypeScript projekt kompiliran u obični JavaScript koji se može pokrenuti u pregledniku.
što je zastoj u javi
Ovim smo došli do kraja ovog vodiča za TypeScript. Nadam se da ste razumjeli sve važne elemente Typescripta.
 Pogledajte     od Edureke.  Obuka za certificiranje web razvoja pomoći će vam naučiti kako stvoriti impresivne web stranice pomoću HTML5, CSS3, Twitter Bootstrap 3, jQuery i Google API-ja i rasporediti ih na Amazon Simple Storage Service (S3). 
 Imate pitanje za nas? Molimo vas spomenite to u odjeljku za komentare u 'Vodiču za TypeScript', a mi ćemo vam se javiti.