TypeScripti õpetus: teadmised TypeScripti põhialuste kohta

TypeScript on tugevalt tipitud mis kompileerib tavalise JavaScripti. Seda keelt saate kasutada rakendusskaala JavaScripti arendamiseks. Samuti saab seda käivitada mis tahes brauseris, mis tahes hostis ja mis tahes operatsioonisüsteemis. Selles TypeScripti õpetuses tutvume TypeScripti sügavusega ja mõistame põhitõdesid järgmises järjestuses:

• Sissejuhatus TypeScripti
• TypeScripti tüübid
• Muutujad
• Operaatorid
• Silmused
• Funktsioonid
• Keelpillid
• Massiivid
• Liidesed
• Klassid
• Objektid
• TypeScripti kasutamise juhtum

Sissejuhatus TypeScripti

TypeScript on JavaScripti tipitud superkomplekt, mis kompileeritakse tavaliseks JavaScripti versiooniks. TypeScript on puhas objektorienteeritud klasside, liideste ja staatiliselt sisestatud programmeerimiskeeltega C # või . See nõuab JavaScripti failis kompileerimiseks ja genereerimiseks kompilaatorit. Põhimõtteliselt on TypeScript JavaScripti ES6 versioon koos mõne lisavõimalusega.

TypeScripti kood kirjutatakse faili koos .ts laiendus ja seejärel kompilaatori abil kompileeritud JavaScripti. Faili saate kirjutada mis tahes koodiredaktoris ja kompilaator tuleb teie platvormile installida. Pärast installimist käsk tsc .ts kompileerib TypeScripti koodi tavaliseks JavaScripti failiks.

Süntaks:

var message: string = 'Tere tulemast Edurekasse!' console.log (sõnum)

Kompileerimisel genereerib see järgmise JavaScripti koodi:

// Genereeritud masinakirja järgi 1.8.10 var message = 'Tere tulemast Edurekasse!' console.log (sõnum)

TypeScripti omadused

• Platvormiülene: TypeScripti kompilaatori saab installida igasse operatsioonisüsteemi, näiteks Windows, MacOS ja Linux.

  
  
  

• Objektorienteeritud keel : TypeScript pakub selliseid funktsioone nagu Klassid , Liidesed ja moodulid. Seega saab see kirjutada objektipõhise koodi nii kliendipoolse kui ka serveripoolse arenduse jaoks.

• Staatiline tüübikontroll : TypeScript kasutab staatilist sisestamist ja aitab tüübi kontrollimist kompileerimise ajal. Seega võite koodi kirjutamisel leida vigu ilma skripti käivitamata.

• Valikuline staatiline sisestamine : TypeScript lubab ka valikulist staatilist sisestamist juhul, kui kasutate JavaScripti dünaamilist tippimist.

• DOM-i manipuleerimine : Saate kasutada TypeScripti DOM-iga manipuleerimiseks elementide lisamiseks või eemaldamiseks.

• ES 6 funktsioonid : TypeScript sisaldab enamikku kavandatud ECMAScript 2015 (ES 6, 7) funktsioone, nagu klass, liides, noolefunktsioonid jne.

TypeScripti kasutamise eelised

• TypeScript on kiire, lihtne, lihtne õppida ja töötab mis tahes brauseris või JavaScripti mootoris.

• see on sarnased kuni JavaScripti ja kasutab sama süntaksit ja semantikat.

• See aitab taustaprogrammi arendajatel kirjutada kasutajaliidest kood kiiremini .

• TypeScripti koodi saab kutsuda olemasolev JavaScripti kood . Samuti töötab see probleemideta olemasolevate JavaScripti raamistike ja teekidega.

• Definition-fail laiendiga .d.ts pakub tuge olemasolevatele JavaScripti teekidele nagu Jquery, D3.js jne. Nii saab lisada TypeScripti koodi JavaScripti teegid tüübimääratluste kasutamine, et kasutada tüübikontrolli, koodi automaatse täitmise ja olemasolevate dünaamiliselt sisestatud JavaScripti teekide dokumentatsiooni eeliseid.

• See sisaldab funktsioone alates ES6 ja ES7 mida saab kasutada näiteks ES5-tasemel JavaScripti mootorites Node.js .

Nüüd, kui olete aru saanud, mis on TypeScripti, jätkame selle TypeScripti õpetusega ja vaatame erinevaid tüüpe.

TypeScripti tüübid

Tüübisüsteem tähistab eri tüüpi väärtusi, mida keel toetab. See kontrollib kehtivus tarnitud väärtused enne, kui programm neid salvestab või nendega manipuleerib.

Seda saab jagada kahte tüüpi, näiteks:

• Sisseehitatud : See hõlmab numbrit, stringi, tõeväärtust, tühist, tühist ja määratlemata.
• Kasutaja määratletud : See sisaldab loendeid (loendeid), klasse, liideseid, massiive ja dupletti.

Nüüd jätkame selle TypeScripti õpetusega ja mõistame muutujate kohta lisateavet.

TypeScripti õpetus: muutujad

Muutuja on mälus nimetatud ruum, mida kasutatakse väärtuste salvestamiseks.

TypeScripti muutuja deklareerimise tüübisüntaks sisaldab muutuja nime järel koolonit (:), millele järgneb selle tüüp. Sarnaselt JavaScripti kasutame ka var märksõna muutuja deklareerimiseks.

Muutuja deklareerimisel on neli võimalust:

var [identifier]: [type-annotation] = väärtus

var [identifier]: [type-annotation]

var [identifier] = väärtus

var [identifitseerima]

Näide:

var nimi: string = 'Daisy' var empid: number = 1001 console.log ('nimi' + nimi) console.log ('töötaja ID' + empid)

Kompileerimisel genereerib see järgmise JavaScripti koodi:

// Genereeritud kirjutusmasinal 1.8.10 var name = 'Daisy' var empid = 1001 console.log ('nimi' + nimi) console.log ('töötaja ID:' + empid)

Väljund:

nimi: Daisy
töötaja ID: 1001

Nüüd liigume meie TypeScripti õpetuse järgmise teema juurde.

Operaatorid

Operaatorit kasutatakse andmetega täidetavate funktsioonide määratlemiseks. Andmeid, millel operaatorid töötavad, nimetatakse operandideks. Neid on erinevaid operaatorid TypeScriptis, näiteks:

• Aritmeetikaoperaatorid
• Loogilised operaatorid
• Relatsioonilised operaatorid
• Bitipõhised operaatorid
• Ülesandeoperaatorid

Aritmeetikaoperaatorid

Näide:

var num1: number = 10 var num2: number = 2 var res: number = 0 res = num1 + num2 console.log ('Summa:' + res) res = num1 - num2 console.log ('Erinevus:' + res) res = num1 * num2 console.log ('Toode:' + res)

Väljund:

Summa: 12
Erinevus: 8
Toode: 20

Loogilised operaatorid

Näide:

var avg: number = 20 var percent: number = 90 console.log ('Keskm. väärtus:' + keskm + ', protsendi väärtus:' + protsent) var res: tõeväärtus = ((keskm> 50) && (protsent> 80 )) console.log ('(keskm> 50) && (protsent> 80):', res)

Väljund:

Keskm. Väärtus: 20, protsendi väärtus: 90
(keskm> 50) && (protsent> 80): vale

Suheteoperaatorid

Näide:

var num1: number = 10 var num2: number = 7 console.log ('num1 väärtus:' + num1) console.log ('num2 väärtus:' + num2) var res = num1> num2 console.log ('num1 suurem kui num2: '+ res) res = num1
 Väljund: 
Num1 väärtus: 10 
 Numbri 2 väärtus: 7 
 num1 suurem kui num2: tõene 
 num1 väiksem kui num2: vale
 Bitipõhised operaatorid 
 Operaatorid 
 Kirjeldus 
 Pikkade kaupa JA (&) 
teostab Boole'i ​​toimingu oma täisarvude iga bitiga.
 Pikkade kaupa VÕI (|) 
See täidab Boole'i ​​VÕI operatsiooni oma täisarvude iga bitiga.
 Piki XOR (^) 
See täidab Boole'i ​​eksklusiivse VÕI toimingu oma täisarvude iga bitiga.
 Pikkade kaupa EI (~) 
See on unaarne operaator ja töötab kõigi operandi bitide ümberpööramisega.
 Vasak Shift (<<) 
See liigutab kõik oma esimese operandi bitid vasakule teises operandis määratud kohtade arvu võrra.
 Parem nihe (>>) 
Vasakpoolse operandi väärtus liigutatakse paremale parempoolse operandi määratud bittide arvu võrra.
 Parem nihe nulliga (>>>) 
See sarnaneb operaatoriga >>, ainult et vasakul nihutatud bitid on alati null.
 Näide: 
var a: number = 2 // Biti esitlus 10 var b: number = 3 // Biti esitlus 11 var result result = (a & b) console.log ('(a & b) =>', tulemus) result = ( a | b) console.log ('(a | b) =>', tulemus)
 Väljund: 
(a & b) => 2 
 (a | b) => 3
 Ülesandeoperaatorid 
 Operaatorid 
 Kirjeldus 
 Lihtülesanne (=) 
Määrab väärtused parempoolsest operandist vasakpoolsesse operandi
 Lisamine ja määramine (+ =) 
See lisab vasakule operandile parema operandi ja määrab tulemuse vasakule operandile.
 Lahutage ja määrake (- =) 
See lahutab parema operandi vasakust operandist ja määrab tulemuse vasakule operandile.
 Korrutamine ja määramine (* =) 
See korrutab parema operandi vasaku operandiga ja määrab tulemuse vasakule operandile.
 Jaga ja määra (/ =) 
See jagab vasaku operandi parema operandiga ja määrab tulemuse vasakule operandile.
 Näide: 
var a: number = 12 var b: number = 10 a = b konsool.log ('a = b:' + a) a + = b konsool.log ('a + = b:' + a) a - = b konsool .log ('a- = b:' + a)
 Väljund: 
a = b: 10 
 a + = b: 20 
 a - = b: 10
Need olid erinevad operaatorid. Nüüd jätkame oma TypeScripti õpetusega ja tutvume silmustega.
 Silmused 
Võib esineda olukordi, kus koodiplokk tuleb käivitada mitu korda. A silmus avaldus võimaldab meil lause või lauserühma mitu korda täita.
TypeScripti silmuseid saab liigitada järgmiselt:
 Loopi jaoks 
The silmuse jaoks on kindla tsükli teostus.
 Süntaks: 
jaoks (esimene avaldis teine ​​avaldis kolmas avaldis) {// korduvalt täidetavaid lauseid}
Siin käivitatakse esimene avaldis enne tsükli algust. Teine avaldis on tsükli käivitamise tingimus. Ja kolmas avaldus täidetakse pärast iga koodiploki täitmist.
 Näide: 
jaoks (olgu i = 0 i<2 i++) { console.log ('Execute block statement' + i) }
 Väljund: 
Käivita plokiväljend 0 
Käivita ploki lause 1
 Kuigi Loop 
While-tsükkel täidab juhised iga kord, kui määratud tingimus vastab tõele.
 Süntaks: 
while (tingimuse avaldis) {// käivitatakse koodiplokk}
 Näide: 
olgu i: arv = 1 samas (i<3) { console.log( 'Block statement execution no.' + i ) i++ }
 Väljund: 
Blokeeri lause täitmine nr.1 
Blokiväljavõtte täitmine nr.2
 Tehke..silmusena 
Tsükkel do & hellipwhile on sarnane while-tsükliga, välja arvatud see, et see ei hinda tingimust esimest korda, kui silmus käivitub.
 Süntaks: 
tee {// koodiplokk täidetavaks} while (tingimuse avaldis)
 Näide: 
  
olgu i: number = 1 tee {console.log ('Blokeeri lause täitmise nr.' + i) i ++} samas (i<3)
 Väljund: 
Blokeeri lause täitmine nr.1 
Blokiväljavõtte täitmine nr.2
Peale nende on TypeScriptis katkestus- ja jätkamislaused, mida kasutatakse silmusena.
 Katkestuse avaldus 
Break-lauset kasutatakse konstruktsioonist kontrolli eemaldamiseks. Break-lause kasutamine tsüklis aitab programmil tsüklist väljuda.
 Näide: 
var i: arv = 1 samas (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
 Väljund: 
Esimene viiest kordajast vahemikus 1 kuni 10 on: 5
 Jätka avaldust 
Jätkav lause jätab järgmised kordused praeguses iteratsioonis vahele ja viib juhtimise tagasi tsükli algusesse.
 Näide: 
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)
 Väljund: 
Paaritu väärtuse arv vahemikus 0 kuni 10 on: 5
Need olid TypeScripti erinevad silmused. Nüüd liigume edasi oma TypeScripti õpetuse abil ja mõistame funktsioone.
 Funktsioonid 
JavaScripti funktsioone on üks olulisemaid osi, kuna see on funktsionaalne programmeerimiskeel. Funktsioonid tagavad programmi hooldatavuse ja korduvkasutamise ning loetavateks plokkideks organiseerimise. Kui TypeScript pakub klasside ja moodulite mõistet, on funktsioonid siiski keele lahutamatu osa.
 Nimega funktsioonid 
Nimetatud funktsiooni kasutatakse funktsiooni deklareerimiseks ja selle eesnimega kutsumiseks.
 Näide: 
funktsiooni kuva () {console.log ('TypeScripti funktsioon')} kuva ()
 Väljund: 
TypeScripti funktsioon
 Anonüümne funktsioon 
Anonüümne funktsioon on funktsioon, mis on määratletud kui avaldis. See avaldis on salvestatud muutujasse. Nende funktsioonide käivitamiseks kasutatakse muutuja nime, kuhu funktsioon on salvestatud.
 Näide: 
olgu tervitus = function () {console.log ('TypeScripti funktsioon')} tervitus ()
 Väljund: 
TypeScripti funktsioon
 Noole funktsioon 
Rasvanoolte märke kasutatakse anonüümsete funktsioonide, st funktsioonide avaldiste jaoks. Teistes keeltes nimetatakse neid ka lambda-funktsioonideks.
 Süntaks: 
(param1, param2, ..., paramN) => avaldis
Rasvanoole (=>) kasutamine loob vajaduse kasutada funktsiooni märksõna. Parameetrid edastatakse nurksulgudes ja funktsiooni avaldis suletakse lokkisulgudesse {}.
 Näide: 
olgu summa = (x: number, y: arv): number => {return x + y} summa (10, 30) // tagastab 40
 Funktsioon Ülekoormus 
TypeScript pakub funktsiooni ülekoormamise kontseptsiooni. Seega võib teil olla mitu funktsiooni, millel on sama nimi, kuid erinevad parameetri tüübid ja tagastustüüp.
 Näide: 
funktsioon add (a: string, b: string): string-funktsioon add (a: number, b: number): number tagastab a + b} add ('Tere', 'Edureka') // tagastab 'Hello Edureka' add ( 10, 10) // tagastab 20
Ülaltoodud näites on meil sama funktsioon add (), millel on kaks funktsiooni deklaratsiooni ja üks funktsiooni rakendamine. Esimesel allkirjal on kaks tüübistringi parameetrit, teisel allkirjal aga kaks tüübinumbri parameetrit.
Need on erinevat tüüpi funktsioonid. Nüüd jätkame oma TypeScripti õpetusega ja mõistame TypeScripti stringe.
 TypeScripti õpetus: stringid 
The  on veel üks primitiivne andmetüüp, mida kasutatakse tekstiandmete salvestamiseks. Stringi väärtused on ümbritsetud ühe jutumärgiga või jutumärkidega.
 Süntaks: 
var var_name = uus string (string)
Stringi objektil on saadaval erinevate meetodite omadused, näiteks:
 Ehitaja - See tagastab viite funktsiooni String, mis objekti lõi
 Pikkus - See tagastab stringi pikkuse
 Prototüüp - See omadus võimaldab teil objektile lisada omadusi ja meetodeid
 Näide: 
las nimi = uus string ('Tere tulemast Edurekasse!') console.log ('Sõnum:' + nimi) console.log ('Pikkus:' + nimi.pikkus)
 Väljund: 
Sõnum: Tere tulemast Edurekasse! 
 Pikkus: 19
 Stringimeetodid 
Stringobjekti meetodite loend sisaldab:
 Meetod 
 Kirjeldus 
 charAt () 
See tagastab märgi määratud indeksis
 charCodeAt () 
See tagastab numbri, mis näitab antud indeksis oleva märgi Unicode'i väärtust
 konkat () 
Ühendab kahe stringi teksti ja tagastab uue stringi
 indeks() 
Tagastab määratud väärtuse esmakordse objekti kutsuva stringi objekti
 lastIndexOf () 
See tagastab määratud väärtuse viimase esinemise objekti kutsuva stringi objekti
 vaste () 
Kasutatakse regulaaravaldise stringi vastendamiseks
 localeCompare () 
Tagastab numbri, mis näitab, kas viitenöör tuleb enne või pärast või on see sama, mis antud string järjestuses
 otsing() 
See otsib regulaaravaldise ja määratud stringi vahelise vaste otsimist
 asenda () 
Kasutatakse regulaaravaldise ja stringi vahelise vaste leidmiseks ning sobitatud alamstringi asendamiseks uue alamstringiga
 viil () 
See eraldab stringi osa ja tagastab uue stringi
 jagama () 
Jagab objekti String stringideks, eraldades stringi alamstringideks
 substraat () 
Tagastab stringis olevad tähemärgid määratud asukohast läbi määratud arvu tähemärke
 alamstring () 
See tagastab stringi märgid kahe indeksi vahel stringi
 toLocaleLowerCase () 
Stringi tähemärgid teisendatakse väiketähtedeks, austades samal ajal kehtivat lokaati
 toLocaleUpperCase () 
Stringi tähemärgid teisendatakse suurtähtedeks, austades samal ajal kehtivat lokaati
 toLowerCase () 
See tagastab kutsuva stringi väärtuse teisendatud väiketäheks
 toUpperCase () 
See tagastab kutsuva stringi väärtuse teisendatud suurtäheks
 toString () 
erinevus rakendab ja pikendab java
Tagastab määratud objekti esindava stringi
 valueOf () 
Tagastab määratud objekti primitiivse väärtuse
 Näide: 
olgu str: string = 'Tere tulemast Edurekasse' str.charAt (0) // tagastab 'w' str.charAt (2) // tagastab 'l' 'Tere tulemast Edurekasse'. : string = 'welcome' let str2: string = 'Edureka' str1.concat (str2) // tagastab 'welcomeEdureka' str1.concat ('', str2) // tagastab 'welcome Edureka' str1.concat ('' to ' ') // tagastab' tere tulemast '
Nüüd, kui teate stringidest, jätkame selle TypeScripti õpetusega ja mõistame massiive.
 Massiivid TypeScriptis 
An massiiv on spetsiaalset tüüpi andmetüüp, mis salvestab eri süntaksit kasutades järjestikku mitut erinevat tüüpi andmetüüpi. Massiivelemendid identifitseeritakse kordumatu täisarvuga, mida nimetatakse elemendi alaindeksiks või indeksiks.
 Süntaks: 
var array_name [: andmetüüp] // deklaratsioon array_name = [val1, val2, valn ..] // initsialiseerimine
 Näide: 
olgu nimed: massiivi nimed = ['John', 'Daisy', 'Rachel'] olgu id-id: massiivi id = [101, 700, 321]
 Massiivimeetodid 
Siin on loetelu erinevatest massiivi meetoditest, mida saab erinevatel eesmärkidel kasutada:
 Meetod 
 Kirjeldus 
 filter () 
Loob uue massiivi selle massiivi kõigi elementidega, mille jaoks antud filtreerimisfunktsioon tagastab tõene
 iga () 
Tagastab tõene, kui selle massiivi kõik elemendid vastavad ettenähtud testimisfunktsioonile
 konkat () 
Tagastab selle massiivi koosneva uue massiivi, mis on ühendatud teiste massiividega
 indeks() 
Tagastab massiivi elemendi esimese või väikseima indeksi, mis on võrdne määratud väärtusega
 igaühele() 
Kutsub massiivi iga elemendi jaoks funktsiooni
 liitu () 
Ühendab massiivi kõik elemendid stringiks
 lastIndexOf () 
Tagastab massiivi elemendi viimase või suurima indeksi, mis on võrdne määratud väärtusega
 kaart () 
Loob uue massiivi selle funktsiooni kutsumise tulemustega selle massiivi igale elemendile
 suruma () 
Lisab massiivi lõppu ühe või mitu elementi ja tagastab massiivi uue pikkuse
 pop () 
Eemaldab massiivi viimase elemendi ja tagastab selle elemendi
 vähendama () 
Rakendage funktsiooni samaaegselt massiivi kahe väärtuse suhtes vasakult paremale, et vähendada seda ühele väärtusele
 reducRight () 
Rakendage funktsioon massiivi kahe väärtuse suhtes korraga paremalt vasakule, et vähendada seda ühele väärtusele
 tagurpidi() 
Muudab massiivi elementide järjestuse
 nihe () 
Eemaldab massiivi esimese elemendi ja tagastab selle elemendi
 viil () 
Ekstraktib massiivi osa ja tagastab uue massiivi
 mõned () 
See tagastab tõene, kui vähemalt üks selle massiivi element vastab pakutavale testimisfunktsioonile
 sort () 
See sorteerib massiivi elemendid
 toString () 
Tagastab massiivi ja selle elemente tähistava stringi
 ühenduskoht () 
See lisab ja / või eemaldab massiivi elemendid
 ümberlülitamine () 
Lisab massiivi ette ühe või mitu elementi ja tagastab massiivi uue pikkuse
 Näide: 
var nimi: Array = ['John', 'Daisy', 'Tara'] nimi.sort () console.log (nimi) // väljund: ['Daisy', 'John', 'Tara'] console.log ( nimi.pop ()) // väljund: Tara nimi.push ('Rachel') konsool.log (nimi) // väljund: ['John', 'Daisy', 'Rachel']
Nüüd liigume selle TypeScripti õpetusega edasi ja tutvuge liidestega.
 TypeScripti liidesed 
Liides on struktuur, mis määrab teie rakenduses lepingu. See määratleb järgitavate klasside süntaksi. See sisaldab ainult liikmete avaldust ja liikmete määratlemine on tuletatud klassi ülesandeks.
 Näide: 
liides Töötaja {empID: number empName: string getSalary: (number) => number // noole funktsioon getManagerName (number): string}
Ülaltoodud näites on Töötaja liides sisaldab kahte omadust tühi ja empName . See sisaldab ka meetodi deklaratsiooni getSalaray kasutades an noole funktsioon mis sisaldab ühte arvuparameetrit ja arvu tagasituleku tüüpi. The getManagerName meetod deklareeritakse tavalise funktsiooni abil.
 TypeScript  Klassid 
TypeScript tutvustas klassid, et nad saaksid kasutada objektorienteeritud tehnikate eeliseid, nagu kapseldamine ja abstraktsioon. TypeScripti kompileerib TypeScripti klass lihtsateks JavaScripti funktsioonideks, et töötada platvormidel ja brauserites.
Klass sisaldab järgmist:
 Ehitaja 
 Atribuudid 
 Meetodid 
 Näide: 
klassi töötaja {empID: number empName: stringi konstruktor (ID: number, nimi: string) {this.empName = nimi this.empID = ID} getSalary (): number {return 40000}}
 Pärand 
TypeScript toetab Pärand kuna see on programmi võime luua olemasolevast klassist uusi klasse. Klass, mida laiendatakse uuemate klasside loomiseks, nimetatakse vanemklassiks või superklassiks. Äsja loodud klasside nimi on laps või alamklassid.
Klass pärib teiselt klassilt märksõna ‘pikendab’. Lapseklassid päevad kõik omadused ja meetodid, välja arvatud eraliikmed ja ehitajad, kes kuuluvad vanemaklassi. Kuid TypeScript ei toeta mitut pärimist.
 Süntaks: 
klass lapse_klassinimi laiendab vanema_klassinime
 Näide: 
klass Isik {nimi: string konstruktor (nimi: string) {see.nimi = nimi}} klass Töötaja laiendab isikut {empID: numbri konstruktor (empID: number, nimi: string) {super (nimi) this.empID = empid} displayName (): void {konsool.log ('Nimi =' + see.nimi + ', töötaja ID =' + see.empID)}} laske emp = uus töötaja (701, 'Jason') emp.displayName () // Nimi = Jason, töötaja ID = 701
Nüüd, kui olete kursuste kohta teadlik, jätkame selle TypeScripti juhendajaga ja tutvume objektidega.
 Objektid TypeScriptis 
Objekt on eksemplar, mis sisaldab erinevat võtme-väärtuse paaride komplekti. Väärtused võivad olla skalaarsed väärtused või funktsioonid või isegi hulgaliselt muid objekte.
 Süntaks: 
var objekti_nimi = {võti1: 'väärtus1', // skalaarväärtus võti2: 'väärtus', võti3: funktsioon () {// funktsioonid}, võti4: ['sisu1', 'sisu2']
Objekt võib sisaldada skalaarseid väärtusi, funktsioone ja struktuure nagu massiivid ja rühmad.
 Näide: 
var person = {eesnimi: 'Danny', perekonnanimi: 'roheline'} // juurdepääs objekti väärtustele console.log (person.firstname) console.log (person.name)
Kompileerimisel genereerib see sama koodi JavaScripti.
 Väljund: 
Danny 
 Roheline
Need olid TypeScripti erinevad olulised elemendid. Nüüd jätkame selle TypeScripti juhendajaga ja vaatame näite kasutamise juhtumi mõistmiseks.
 TypeScripti õpetus: Kasuta juhtumit 
Siit saame teada, kuidas olemasolevat teisendada  TypeScripti.
Kui koostame TypeScripti faili, toodab see vastava JavaScripti faili sama nimega. Siin peame tagama, et meie algne JavaScripti fail, mis toimib sisendina, ei saa olla samas kataloogis, nii et TypeScript neid ei alista.
JavaScripti TypeScript-i üleviimise protsess hõlmab järgmisi samme:
 1. Lisage projekti tsconfig.json fail 
Peate projekti lisama faili tsconfig.json. TypeScript kasutab faili tsconfig.json projekti kompileerimisvalikute haldamiseks, näiteks milliseid faile soovite kaasata ja välistada.
{'compilerOptions': {'outDir': './built', 'allowJs': true, 'target': 'es5'}, 'include': ['./src/**/*']}
 2. Integreerige ehitustööriistaga 
Enamikul JavaScripti projektidest on integreeritud ehitustööriist nagu gulp või webpack. Saate veebipaketiga projekte integreerida järgmistel viisidel:
Käivitage terminalis järgmine käsk:
$ npm installige awesome-typcript-loader source-map-loader
Veebipaketi integreerimisel kasutate lähtekoodi hõlpsamaks silumiseks ägedat typcript-loaderit koos source-map-loaderiga.
Teiseks ühendage moodul config atribuut failis webpack.config.js, et lisada laadureid.
 3. Teisaldage kõik .js-failid .ts-failidesse 
Selles etapis peate .js-faili ümber nimetama .ts-failiks. Samamoodi, kui fail kasutab JSX-i, peate selle ümber nimetama .tsx-ks. Kui nüüd selle faili avame redaktoris, mis toetab TypeScripti, võivad mõned koodid hakata andma kompileerimisvigu. Seega võimaldab failide ükshaaval teisendamine kompileerimisvigade hõlpsamat käsitlemist. Kui TypeScript leiab teisendamise ajal kompileerimisvigu, suudab ta ikkagi koodi tõlkida.
 4. Kontrollige vigu 
Pärast js-faili ts-faili teisaldamist alustab TypeScript kohe meie koodi tüübikontrolli. Nii võite JavaScripti koodis saada diagnostilisi vigu.
 5. Kasutage kolmanda osapoole JavaScripti raamatukogusid 
JavaScripti projektides kasutatakse kolmanda osapoole raamatukogusid nagu  või Lodash. Failide kompileerimiseks peab TypeScript teadma nende teekide kõigi objektide tüüpe. JavaScripti teekide TypeScripti tüübi definitsioonifailid on juba saidil DefinitelyTyped saadaval. Niisiis, pole vaja seda tüüpi väliselt installida. Peate installima ainult need tüübid, mida meie projektis kasutatakse.
JQuery jaoks saate installida definitsiooni:
$ npm install @ type / jquery
Pärast seda tehke JavaScripti projektis muudatused, käivitage ehitustööriist. Nüüd peaksite laskma TypeScripti projekti kokku panna tavaliseks JavaScripti, mida saab brauseris käivitada.
Sellega oleme jõudnud selle TypeScripti õpetuse lõpuni. Loodan, et saite aru kõigist TypeScripti olulistest elementidest.
 Vaadake     autor Edureka.  Veebiarenduse sertifitseerimiskoolitus aitab teil õppida, kuidas HTML5, CSS3, Twitter Bootstrap 3, jQuery ja Google API-de abil luua muljetavaldavaid veebisaite ja juurutada see Amazon Simple Storage Service'i (S3). 
 Kas teil on meile küsimus? Palun mainige seda „TypeScripti õpetuse“ kommentaaride osas ja me võtame teiega ühendust.