„TypeScript“ mokymo programa: žinokite apie „TypeScript“ pagrindus

„TypeScript“ yra labai tipiškas „Superset“ rinkinys kad kompiliuojamas į paprastą „JavaScript“. Šią kalbą galite naudoti kurdami programos masto „JavaScript“. Be to, jis gali būti vykdomas bet kurioje naršyklėje, bet kuriame pagrindiniame kompiuteryje ir bet kurioje operacinėje sistemoje. Šioje „TypeScript“ mokymo programoje mes įsigilinsime į „TypeScript“ gylį ir suprasime pagrindus tokia seka:

• „TypeScript“ įvadas
• „TypeScript“ tipai
• Kintamieji
• Operatoriai
• Kilpos
• Funkcijos
• Stygos
• Masyvai
• Sąsajos
• Užsiėmimai
• Objektai
• „TypeScript“ naudojimo atvejis

„TypeScript“ įvadas

„TypeScript“ yra tipinis „JavaScript“ rinkinys, kompiliuojamas į paprastą „JavaScript“. „TypeScript“ yra grynas objektas, turintis klases, sąsajas ir statiškai įvestas programavimo kalbas C # arba . Norint kompiliuoti ir generuoti „JavaScript“ faile, reikia kompiliatoriaus. Iš esmės „TypeScript“ yra ES6 „JavaScript“ versija su keliomis papildomomis funkcijomis.

„TypeScript“ kodas įrašomas į failą su .ts pratęsimas tada sukompiliuojama į „JavaScript“ naudojant kompiliatorių. Failą galite parašyti bet kuriame kodo rengyklėje, o kompiliatorius turi būti įdiegtas jūsų platformoje. Po diegimo komanda tsc .ts surenka „TypeScript“ kodą į paprastą „JavaScript“ failą.

Sintaksė:

var message: string = 'Sveiki atvykę į Edureka!' console.log (žinutė)

Kompiliuojant jis sugeneruoja šį „JavaScript“ kodą:

// Sugeneruota mašinraščiu 1.8.10 var message = 'Sveiki atvykę į Edureka!' console.log (žinutė)

„TypeScript“ ypatybės

• Tarp platformos: „TypeScript“ kompiliatorius gali būti įdiegtas bet kurioje operacinėje sistemoje, tokioje kaip „Windows“, „MacOS“ ir „Linux“.

  
  
  

• Objektinė kalba : „TypeScript“ teikia tokias funkcijas kaip Užsiėmimai , Sąsajos ir moduliai. Taigi, jis gali rašyti į objektą orientuotą kodą kliento ir serverio plėtrai.

• Statinis tipo patikrinimas : „TypeScript“ naudoja statinį spausdinimą ir padeda patikrinti tipus kompiliavimo metu. Taigi, rašydami kodą galite rasti klaidų nepaleisdami scenarijaus.

• Pasirenkamas statinis spausdinimas „TypeScript“ taip pat leidžia rinktis statinį spausdinimą tuo atveju, jei naudojate dinaminį „JavaScript“ rinkimą.

• DOM manipuliavimas : Galite naudoti „TypeScript“ norėdami manipuliuoti DOM elementams pridėti ar pašalinti.

• ES 6 funkcijos : „TypeScript“ apima daugumą planuojamų „ECMAScript 2015“ (ES 6, 7) funkcijų, tokių kaip klasė, sąsaja, rodyklių funkcijos ir kt.

„TypeScript“ naudojimo pranašumai

• „TypeScript“ yra greita, paprasta, lengva išmokti ir veikia bet kurioje naršyklėje ar „JavaScript“ variklyje.

• tai yra panašus į „JavaScript“ ir naudoja tą pačią sintaksę ir semantiką.

• Tai padeda programinės įrangos kūrėjams rašyti sąsają koduoti greičiau .

• „TypeScript“ kodą galima iškviesti iš esamą „JavaScript“ kodą . Be to, jis be jokių problemų veikia su esamomis „JavaScript“ sistemomis ir bibliotekomis.

• Apibrėžimo failas su plėtiniu .d.ts palaiko esamas „JavaScript“ bibliotekas, pvz Jquery, D3.js Taigi, „TypeScript“ kodas gali būti pridėtas „JavaScript“ bibliotekos naudojant tipo apibrėžimus, kad būtų galima pasinaudoti tipo patikrinimo, kodo automatinio užbaigimo ir dokumentacijos pranašumais esamose dinamiškai įvestose „JavaScript“ bibliotekose.

• Jame yra funkcijos iš ES6 ir ES7 kurie gali veikti tokiuose ES5 lygio „JavaScript“ varikliuose kaip Node.js .

Dabar, kai supratote, kas yra „TypeScript“, pereikime prie šios „TypeScript“ mokymo programos ir pažvelkime į skirtingus tipus.

„TypeScript“ tipai

Tipų sistema rodo skirtingus kalbos palaikomus reikšmių tipus. Tai patikrina galiojimas tiekiamų vertybes prieš juos saugant ar valdant programai.

Jį galima suskirstyti į du tipus, tokius kaip:

• Įmontuotas : Tai apima skaičių, eilutę, loginę reikšmę, negaliojančią, nulinę ir neapibrėžtą.
• Vartotojo apibrėžta : Tai apima išvardijimus (klases), klases, sąsajas, masyvus ir paketus.

Dabar pereikime prie šios „TypeScript“ mokymo programos ir sužinokime daugiau apie kintamuosius.

„TypeScript“ pamoka: kintamieji

Kintamasis yra įvardyta atminties vieta, naudojama vertėms saugoti.

Tipo sintaksėje, nurodant kintamąjį „TypeScript“, po kintamojo pavadinimo yra dvitaškis (:), po kurio nurodomas jo tipas. Panašiai kaip „JavaScript“, mes naudojame var raktinis žodis deklaruoti kintamąjį.

Deklaruojant kintamąjį yra keturios parinktys:

var [identifikatorius]: [type-annotation] = reikšmė

var [identifikatorius]: [tipo anotacija]

var [identifikatorius] = vertė

var [nustatyti]

Pavyzdys:

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

Kompiliuodamas jis sugeneruos šį „JavaScript“ kodą:

// Sugeneruotas mašinraščiu 1.8.10 var name = 'Daisy' var empid = 1001 console.log ('vardas' + vardas) console.log ('darbuotojo ID:' + empid)

Išvestis:

vardas: Daisy
darbuotojo ID: 1001

Dabar pereikime prie kitos „TypeScript“ mokymo programos temos.

Operatoriai

Operatorius naudojamas apibrėžti funkcijas, kurios bus atliekamos duomenims. Duomenys, kuriuose dirba operatoriai, vadinami operandais. Yra įvairių tipų operatoriai „TypeScript“, pvz .:

• Aritmetiniai operatoriai
• Loginiai operatoriai
• Santykiniai operatoriai
• Operatoriai bitais
• Užduočių operatoriai

Aritmetikos operatoriai

Pavyzdys:

var num1: skaičius = 10 var num2: skaičius = 2 var res: numeris = 0 res = num1 + num2 console.log ('suma:' + res) res = num1 - num2 console.log ('skirtumas:' + res) res = num1 * num2 console.log ('Produktas:' + res)

Išvestis:

Suma: 12
Skirtumas: 8
Produktas: 20

Loginiai operatoriai

Pavyzdys:

var vid .: skaičius = 20 var procentas: skaičius = 90 console.log ('Vid. reikšmė:' + vid. + ', procento reikšmė:' + procentas) var res: loginė = ((vid.> 50) && (procentinė dalis> 80 )) console.log ('(vid.> 50) && (procentas> 80):', res)

Išvestis:

Vid. Vertė: 20, procentinė vertė: 90
(vid.> 50) && (procentas> 80): klaidinga

Ryšių operatoriai

Pavyzdys:

var num1: skaičius = 10 var num2: skaičius = 7 console.log ('num1 reikšmė:' + num1) console.log ('num2 reikšmė:' + num2) var res = num1> num2 console.log ('num1 didesnis nei num2: '+ res) res = num1
 Išvestis: 
Num1 reikšmė: 10 
 Num2 reikšmė: 7 
 num1 didesnis nei num2: tiesa 
 num1 mažesnis nei num2: klaidingas
 Operatoriai bitais 
 Operatoriai 
 apibūdinimas 
 Bitais IR (ir) 
kiekvienam sveiko skaičiaus argumento bitui atlieka Bulio loginę operaciją.
 ARBA (|) 
Jis atlieka loginę ARBA operaciją kiekvienam sveiko skaičiaus argumento bitui.
 XOR (^) 
Kiekvienam sveiko skaičiaus argumento bitui ji atlieka Bulio išimtinę ARBA operaciją.
 NEMOKAMAI (~) 
Tai unariškas operatorius ir veikia pakeisdamas visus operando bitus.
 Kairysis poslinkis (<<) 
Jis perkelia visus pirmojo operando bitus į kairę pagal vietų skaičių, nurodytą antrame operande.
 Dešinė „Shift“ (>>) 
Kairiojo operando reikšmė perkeliama į dešinę dešiniojo operando nurodytu bitų skaičiumi.
 Dešinė „Shift“ su nuliu (>>>) 
Tai panašu į >> operatorių, išskyrus tai, kad kairėje pusėje perkelti bitai visada yra lygūs nuliui.
 Pavyzdys: 
var a: skaičius = 2 // bitų pateikimas 10 var b: skaičius = 3 // bitų pateikimas 11 var rezultatų rezultatas = (a & b) console.log ('(a & b) =>', rezultatas) rezultatas = ( a | b) console.log ('(a | b) =>', rezultatas)
 Išvestis: 
(a & b) => 2 
 (a | b) => 3
 Užduočių operatoriai 
 Operatoriai 
 apibūdinimas 
 Paprasta užduotis (=) 
Priskiria reikšmes iš dešinės pusės operando į kairės pusės operandą
 Pridėti ir priskirti (+ =) 
Jis prideda dešinįjį operandą prie kairiojo operando ir priskiria rezultatą kairiajam operandui.
 Atimkite ir priskirkite (- =) 
Jis atima dešinįjį operandą iš kairiojo operando ir priskiria rezultatą kairiajam operandui.
 Padauginkite ir priskirkite (* =) 
Jis padaugina dešinįjį operandą su kairiuoju operandu ir priskiria rezultatą kairiajam operandui.
 Padalinkite ir priskirkite (/ =) 
Jis padalija kairįjį operandą su dešiniuoju operantu ir priskiria rezultatą kairiajam operandui.
 Pavyzdys: 
var a: skaičius = 12 var b: skaičius = 10 a = b console.log ('a = b:' + a) a + = b console.log ('a + = b:' + a) a - = b konsolė .log ('a- = b:' + a)
 Išvestis: 
a = b: 10 
 a + = b: 20 
 a - = b: 10
Tai buvo skirtingi operatoriai. Dabar pereikime prie „TypeScript Tutorial“ ir sužinokime apie kilpas.
robotizuotų procesų automatikos įrankių palyginimas
 Kilpos 
Gali būti situacijų, kai kodo bloką reikia vykdyti kelis kartus. A kilpa teiginys leidžia mums kelis kartus vykdyti teiginį ar teiginių grupę.
„TypeScript“ kilpas galima klasifikuoti kaip:
 Dėl kilpos 
The už kilpą yra apibrėžtos kilpos įgyvendinimas.
 Sintaksė: 
už (pirmoji išraiška antroji išraiška trečioji išraiška) {// sakiniai turi būti vykdomi pakartotinai}
Čia pirmoji išraiška vykdoma prieš pradedant kilpą. Antroji išraiška yra ciklo vykdymo sąlyga. Trečioji išraiška vykdoma atlikus kiekvieną kodo bloką.
 Pavyzdys: 
už (tegul i = 0 i<2 i++) { console.log ('Execute block statement' + i) }
 Išvestis: 
Vykdyti bloko teiginį 0 
Vykdyti 1 bloko teiginį
 Nors kilpa 
„While“ ciklas vykdo instrukcijas kiekvieną kartą, kai nurodyta sąlyga įvertinama kaip teisinga.
 Sintaksė: 
while (sąlygos išraiška) {// kodo blokas turi būti vykdomas}
 Pavyzdys: 
tegul i: skaičius = 1, o (t<3) { console.log( 'Block statement execution no.' + i ) i++ }
 Išvestis: 
Blokinio sakinio vykdymas Nr.1 
Blokinio sakinio vykdymas Nr.2
 Daryk .. Nors kilpa 
„Do & hellipwhile“ kilpa yra panaši į „while“ kilpą, išskyrus tai, kad ji nevertina būklės pirmą kartą, kai kilpa vykdoma.
 Sintaksė: 
atlikite {// kodo bloką, kurį reikia įvykdyti}, kol (sąlygos išraiška)
 Pavyzdys: 
  
leiskite i: skaičius = 1 padaryti {console.log ('Blokuoti sakinio vykdymo Nr.' + i) i ++}, kol (i<3)
 Išvestis: 
Blokinio sakinio vykdymas Nr.1 
Blokinio sakinio vykdymas Nr.2
Be jų, „TypeScript“ yra pertraukimo ir tęsimo sakiniai, kurie naudojami cikle.
 Lūžio ataskaita 
Pertraukos sakinys naudojamas kontroliuoti konstrukciją. Naudojant pertraukos sakinį cikle, programa gali išeiti iš ciklo.
 Pavyzdys: 
var i: skaičius = 1, o (t<=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
 Išvestis: 
Pirmasis 5 kartotinis tarp 1 ir 10 yra: 5
 Tęsti pareiškimą 
Tęstinis sakinys praleidžia tolesnius teiginius dabartinėje iteracijoje ir perkelia valdymą atgal į ciklo pradžią.
 Pavyzdys: 
var num: number = 0 var count: skaičius = 0 for (num = 0num<=10num++) { if (num % 2==0) { continue } count++ } console.log (' The count of odd values between 0 and 10 is: '+count)
 Išvestis: 
Nelyginių verčių nuo 0 iki 10 skaičius yra: 5
Tai buvo skirtingos „TypeScript“ kilpos. Dabar pereikime prie „TypeScript Tutorial“ ir supraskime funkcijas.
 Funkcijos 
„JavaScript“, funkcijos yra viena iš svarbiausių dalių, nes tai yra funkcinė programavimo kalba. Funkcijos užtikrina, kad programą būtų galima prižiūrėti ir pakartotinai naudoti bei suskirstyti į skaitomus blokus. Nors „TypeScript“ pateikia klasių ir modulių sampratą, funkcijos vis tiek yra neatsiejama kalbos dalis.
 Pavadintos funkcijos 
Pavadinta funkcija naudojama deklaruoti ir iškviesti funkciją jos vardu.
 Pavyzdys: 
funkcijos ekranas () {console.log ('TypeScript funkcija')} ekranas ()
 Išvestis: 
„TypeScript“ funkcija
 Anoniminė funkcija 
Anoniminė funkcija yra ta, kuri apibrėžiama kaip išraiška. Ši išraiška saugoma kintamajame. Šios funkcijos iškviečiamos naudojant kintamojo pavadinimą, kuriame saugoma funkcija.
 Pavyzdys: 
tegul sveikinimas = function () {console.log ('TypeScript Function')} sveikinimas ()
 Išvestis: 
„TypeScript“ funkcija
 Rodyklės funkcija 
Riebalų rodyklės žymėjimai naudojami anoniminėms funkcijoms, ty funkcijų išraiškoms. Kitose kalbose jos dar vadinamos lambda funkcijomis.
 Sintaksė: 
(param1, param2, ..., paramN) => išraiška
Naudojant riebalų rodyklę (=>) atsisakoma būtinybės naudoti raktinį žodį „funkcija“. Parametrai perduodami kampiniuose skliaustuose, o funkcijos išraiška uždėta garbanotuose skliaustuose {}.
 Pavyzdys: 
tegul suma = (x: skaičius, y: skaičius): skaičius => {grąžina x + y} suma (10, 30) // pateikia 40
 Funkcija Perkrovimas 
„TypeScript“ pateikia funkcijų perkrovos sampratą. Taigi, jūs galite turėti kelias funkcijas tuo pačiu pavadinimu, bet skirtingais parametrų tipais ir grąžinimo tipu.
 Pavyzdys: 
function add (a: string, b: string): string function add (a: number, b: number): number return a + b} add ('Hello', 'Edureka') // grąžina „Hello Edureka“ add ( 10, 10) // pateikia 20
Ankstesniame pavyzdyje mes turime tą pačią funkciją add () su dviem funkcijų deklaracijomis ir vienu funkcijos įgyvendinimu. Pirmasis parašas turi du tipo eilutės parametrus, o antrasis parašas turi du tipo numerio parametrus.
Tai yra skirtingų tipų funkcijos. Dabar pereikime prie „TypeScript“ mokymo programos ir supraskime „TypeScript“ eilutes.
 „TypeScript“ pamoka: eilutės 
The  yra dar vienas primityvus duomenų tipas, naudojamas teksto duomenims saugoti. Eilučių vertės yra apsuptos vienkartinėmis arba dvigubomis kabutėmis.
 Sintaksė: 
var var_name = nauja eilutė (eilutė)
String objekte yra įvairių metodų savybių, tokių kaip:
 Statybininkas - Tai pateikia nuorodą į funkciją „String“, sukūrusią objektą
 Ilgis - Tai grąžina eilutės ilgį
 Prototipas - Ši savybė leidžia prie objekto pridėti ypatybes ir metodus
 Pavyzdys: 
tegul vardas = nauja eilutė („Sveiki atvykę į„ Edureka “!) console.log ('Pranešimas:' + vardas) console.log ('Ilgis:' + vardas.length)
 Išvestis: 
Žinutė: Sveiki atvykę į „Edureka“! 
 Ilgis: 19
 Styginių metodai 
String Object metodų sąrašas apima:
 Metodas 
 apibūdinimas 
 charAt () 
Jis grąžina simbolį nurodytame rodyklėje
 charCodeAt () 
Jis grąžina skaičių, nurodantį simbolio „Unicode“ vertę nurodytame rodyklėje
 concat () 
Sujungia dviejų eilučių tekstą ir grąžina naują eilutę
 indexOf () 
Grąžina skambinančios eilutės objekto indeksą, nurodytą pirmą kartą įvykus
 „lastIndexOf“ () 
Jis grąžina indeksą, esantį paskambinančios eilutės objekte paskutinį kartą nurodytos vertės atvejį
 rungtynės () 
Naudojamas norint suderinti įprastą išraišką su eilute
 localeCare () 
Pateikia skaičių, nurodantį, ar nuorodos eilutė yra prieš, ar po jos, ar sutampa su pateikta eilute rūšiavimo tvarka
 Paieška() 
Tai atlieka reguliaraus reiškinio ir nurodytos eilutės atitikties paiešką
 pakeisti () 
Naudojamas norint rasti atitikmenį tarp įprastos išraiškos ir eilutės ir pakeisti suderintą substringą naujuoju
 gabalas () 
Jis ištraukia eilutės sekciją ir grąžina naują eilutę
 padalyti () 
String objektą padalija į eilučių masyvą, atskirdamas eilutę į pakraščius
 substratas () 
Pateikia eilutės simbolius, prasidedančius nurodytoje vietoje, per nurodytą simbolių skaičių
 substring () 
Jis grąžina simbolius eilutėje tarp dviejų indeksų į eilutę
 toLocaleLowerCase () 
Stygos simboliai paverčiami mažosiomis raidėmis, atsižvelgiant į dabartinę lokalę
 toLocaleUpperCase () 
Stygos simboliai paverčiami didžiosiomis raidėmis, atsižvelgiant į dabartinę lokalę
 toLowerCase () 
Tai grąžina skambinamosios eilutės vertę, konvertuotą į mažąsias raides
 toUpperCase () 
Ji grąžina skambinančios eilutės vertę, paverstą didžiosiomis raidėmis
 toString () 
Pateikia eilutę, nurodančią nurodytą objektą
 vertė() 
Grąžina pirminę nurodyto objekto vertę
 Pavyzdys: 
tegul str: string = „Sveiki atvykę į„ Edureka “str.charAt (0) // grąžina„ w “str.charAt (2) // grąžina„ l “„ Sveiki atvykę į „Edureka“. : string = 'welcome' tegul str2: string = 'Edureka' str1.concat (str2) // pateikia 'welcomeEdureka' str1.concat ('', str2) // pateikia 'welcome Edureka' str1.concat ('' į ' ') // grąžina' welcome to '
Dabar, kai žinote apie eilutes, pereikime prie šios „TypeScript“ mokymo programos ir supraskime masyvus.
 Masyvai „TypeScript“ 
An masyvas yra specialus duomenų tipo tipas, kuris nuosekliai saugo kelias skirtingų tipų duomenų reikšmes, naudodamas specialią sintaksę. Masyvo elementai identifikuojami pagal unikalų skaičių, vadinamą elemento indeksu arba indeksu.
 Sintaksė: 
var array_name [: duomenų tipas] // deklaracija array_name = [val1, val2, valn ..] // inicijavimas
 Pavyzdys: 
tegul vardai: Masyvo vardai = ['Jonas', 'Daisy', 'Reičelė]] tegul ID: Masyvo ID = [101, 700, 321]
 Masyvo metodai 
Čia pateikiamas įvairių masyvo metodų, kurie gali būti naudojami skirtingiems tikslams, sąrašas:
 Metodas 
 apibūdinimas 
 filtras() 
Sukuria naują masyvą su visais šio masyvo elementais, kuriems pateikta filtravimo funkcija grąžinama kaip teisinga
ką ide naudoti java
 kas () 
Grąžina tiesą, jei kiekvienas šio masyvo elementas atitinka pateiktą testavimo funkciją
 concat () 
Pateikia naują masyvą, sudarytą iš šio masyvo, sujungtą su kitais masyvais
 indexOf () 
Grąžina pirmąjį arba mažiausią masyvo elemento indeksą, lygų nurodytai vertei
 kiekvienam() 
Iškviečia kiekvieno masyvo elemento funkciją
 prisijungti () 
Sujungia visus masyvo elementus į eilutę
 „lastIndexOf“ () 
Grąžina paskutinį arba didžiausią masyvo elemento indeksą, lygų nurodytai vertei
 žemėlapis () 
Sukuria naują masyvą su rezultatais, iškviečiančiais numatytą funkciją kiekviename šio masyvo elemente
 stumti () 
Masyvo gale prideda vieną ar daugiau elementų ir grąžina naują masyvo ilgį
 pop () 
Pašalina paskutinį elementą iš masyvo ir grąžina tą elementą
 sumažinti () 
Taikykite funkciją vienu metu prieš dvi masyvo reikšmes iš kairės į dešinę, kad sumažintumėte ją iki vienos vertės
 sumažintiRight () 
Taikykite funkciją vienu metu prieš dvi masyvo reikšmes iš dešinės į kairę, kad sumažintumėte ją iki vienos vertės
 atvirkštinis () 
Pakeičia masyvo elementų eiliškumą
 pamaina () 
Pašalina pirmąjį elementą iš masyvo ir grąžina tą elementą
 gabalas () 
Ištraukia masyvo sekciją ir grąžina naują masyvą
 kai kurie () 
Ji grąžinama, jei bent vienas šio masyvo elementas atitinka pateiktą testavimo funkciją
 rūšiuoti () 
Jis rūšiuoja masyvo elementus
 toString () 
Pateikia masyvą ir jo elementus žyminčią eilutę
 sandūra () 
Jis prideda ir (arba) pašalina elementus iš masyvo
 perjungti () 
Masyvo priekyje prideda vieną ar daugiau elementų ir grąžina naują masyvo ilgį
 Pavyzdys: 
var name: Array = ['John', 'Daisy', 'Tara'] name.sort () console.log (name) // output: ['Daisy', 'John', 'Tara'] console.log ( name.pop ()) // išvestis: Tara name.push ('Rachel') console.log (name) // output: ['John', 'Daisy', 'Rachel']
Dabar eikime į priekį naudodami šią „TypeScript“ mokymo programą ir sužinokime apie sąsajas.
 „TypeScript“ sąsajos 
Sąsaja yra struktūra, apibrėžianti sutartį jūsų programoje. Tai apibrėžia klasių, kurioms reikia vadovautis, sintaksę. Joje pateikiama tik narių deklaracija, o narius apibrėžti turi išvestinė klasė.
 Pavyzdys: 
sąsaja Darbuotojas {empID: numeris empName: eilutė getSalary: (skaičius) => skaičius // rodyklės funkcija getManagerName (skaičius): eilutė}
Ankstesniame pavyzdyje Darbuotojas sąsaja apima dvi savybes empID ir empName . Jame taip pat pateikiama metodo deklaracija getSalaray naudojant rodyklės funkcija kuris apima vieną skaičiaus parametrą ir skaičiaus grąžinimo tipą. The getManagerName metodas deklaruojamas naudojant įprastą funkciją.
 „TypeScript“  Užsiėmimai 
„TypeScript“ pristatė klases, kad galėtų pasinaudoti į objektą orientuotų metodų, tokių kaip inkapsuliacija ir abstrakcija, pranašumais. „TypeScript“ kompiliatorius „TypeScript“ klasę sudaro paprastas „JavaScript“ funkcijas, kad jis veiktų įvairiose platformose ir naršyklėse.
Į klasę įeina:
 Statybininkas 
 Savybės 
 Metodai 
 Pavyzdys: 
klasės darbuotojas {empID: numeris empName: eilutės konstruktorius (ID: numeris, vardas: eilutė) {this.empName = pavadinimas this.empID = ID} getSalary (): numeris {return 40000}}
 Paveldėjimas 
„TypeScript“ palaiko Paveldėjimas nes tai yra programos galimybė kurti naujas klases iš esamos klasės. Klasė, išplėsta kuriant naujesnes klases, vadinama tėvų klase arba super klase. Naujai sukurtos klasės vadinamos vaikų arba pogrupiais.
Klasė paveldi iš kitos klasės naudodama raktą „pratęsia“. Vaikų klasės paveldi visas savybes ir metodus, išskyrus privačius narius ir konstruktorius iš tėvų klasės. Bet „TypeScript“ nepalaiko kelių paveldėjimų.
 Sintaksė: 
klasės vaiko_klasės_pavadinimas pratęsia tėvų_klasės_pavadinimas
 Pavyzdys: 
klasė Asmuo {vardas: eilutės konstruktorius (vardas: eilutė) {this.name = vardas}} klasė Darbuotojas pratęsia Asmuo {empID: skaičių konstruktorius (empID: numeris, vardas: eilutė) {super (vardas) this.empID = empid} displayName (): negalioja {console.log ('Name =' + this.name + ', Employee ID =' + this.empID)}} let emp = new Employee (701, 'Jason') emp.displayName () // Vardas = Jasonas, darbuotojo ID = 701
Dabar, kai žinote apie klases, pereikime prie šios „TypeScript“ mokymo programos ir sužinokime apie objektus.
 Objektai „TypeScript“ 
Objektas yra egzempliorius, kuriame yra kitoks raktų ir verčių porų rinkinys. Vertės gali būti skaliarinės vertės ar funkcijos arba net kitų objektų masyvas.
 Sintaksė: 
var objekto_vardas = {raktas1: 'reikšmė1', // skaliarinės reikšmės raktas2: 'reikšmė', raktas3: funkcija () {// funkcijos}, raktas4: ['turinys1', 'turinys2']
Objekte gali būti skaliarinės vertės, funkcijos ir struktūros, pvz., Masyvai ir rinkiniai.
 Pavyzdys: 
var person = {vardas: 'Danny', pavardė: 'Žalia'} // pasiekite objekto reikšmes console.log (person.firstname) console.log (person.name)
Kompiliuojant jis sugeneruos tą patį kodą „JavaScript“.
 Išvestis: 
Danny 
 Žalias
Tai buvo skirtingi svarbūs „TypeScript“ elementai. Dabar pereikime prie šios „TypeScript“ mokymo programos ir pažvelkime į pavyzdį, kad suprastume naudojimo atvejį.
 „TypeScript“ pamoka: naudojimo atvejis 
Čia sužinosime, kaip konvertuoti esamą  į „TypeScript“.
Kai mes sudarome „TypeScript“ failą, jis sukuria atitinkamą „JavaScript“ failą tuo pačiu pavadinimu. Čia turime užtikrinti, kad originalus „JavaScript“ failas, veikiantis kaip įvestis, negali būti tame pačiame kataloge, kad „TypeScript“ jų nepaisytų.
Procesas, skirtas perkelti iš „JavaScript“ į „TypeScript“, apima šiuos veiksmus:
 1. Prie projekto pridėkite failą tsconfig.json 
Prie projekto turite pridėti failą tsconfig.json. „TypeScript“ naudoja failą tsconfig.json tvarkyti projekto kompiliavimo parinktis, pvz., Kuriuos failus norite įtraukti ir pašalinti.
{'compilerOptions': {'outDir': './built', 'allowJs': true, 'target': 'es5'}, 'include': ['./src/**/*']}
 2. Integruokite su sukūrimo įrankiu 
Daugelyje „JavaScript“ projektų yra integruotas kūrimo įrankis, pvz., „Gulp“ ar „webpack“. Projektus su „Webpack“ galite integruoti šiais būdais:
Paleiskite šią komandą terminale:
$ npm įdiekite nuostabų „typcript-loader“ šaltinio žemėlapio krautuvą
Integruodami žiniatinklio paketą, naudojate nuostabų „typcript-loader“ kartu su „source-map-loader“, kad galėtumėte lengviau derinti šaltinio kodą.
Antra, sujunkite modulio config ypatybę į failą webpack.config.js, kad būtų įtraukti krautuvai.
 3. Perkelkite visus .js failus į .ts failus 
Atlikdami šį veiksmą, turite pervadinti .js failą į .ts failą. Panašiai, jei failas naudoja JSX, turėsite jį pervadinti į .tsx. Dabar, jei atidarysime tą failą redaktoriuje, palaikančiame „TypeScript“, kai kurie kodai gali pradėti teikti kompiliavimo klaidas. Taigi konvertuojant failus po vieną galima lengviau tvarkyti kompiliavimo klaidas. Jei konversijos metu „TypeScript“ randa kokių nors kompiliavimo klaidų, ji vis tiek gali išversti kodą.
 4. Patikrinkite, ar nėra klaidų 
Perkėlę js failą į ts failą, „TypeScript“ nedelsiant pradės mūsų kodo tipo tikrinimą. Taigi, „JavaScript“ kode galite gauti diagnostinių klaidų.
 5. Naudokite trečiųjų šalių „JavaScript“ bibliotekas 
„JavaScript“ projektuose naudojamos panašios trečiųjų šalių bibliotekos  arba Lodash. Norėdamas sudaryti failus, „TypeScript“ turi žinoti visų šių bibliotekų objektų tipus. „JavaScript“ bibliotekų „TypeScript“ tipo apibrėžimo failai jau pasiekiami „DefinitelyTyped“. Taigi, nereikia įdiegti šio tipo išoriškai. Turite įdiegti tik tuos tipus, kurie naudojami mūsų projekte.
„JQuery“ galite įdiegti apibrėžimą:
$ npm install @ types / jquery
Atlikite „JavaScript“ projekto pakeitimus, paleiskite kūrimo įrankį. Dabar turėtumėte „TypeScript“ projektą sukompiliuoti į paprastą „JavaScript“, kurį galima paleisti naršyklėje.
Tai pasiekėme šios „TypeScript“ mokymo programos pabaigą. Tikiuosi, kad supratote visus svarbius „TypeScript“ elementus.
 Patikrinkite     pateikė Edureka.  Žiniatinklio kūrimo sertifikavimo mokymai padės jums sužinoti, kaip sukurti įspūdingas svetaines naudojant HTML5, CSS3, „Twitter Bootstrap 3“, „jQuery“ ir „Google“ API ir pritaikyti ją „Amazon Simple Storage Service“ (S3). 
 Turite mums klausimą? Prašau tai paminėti „TypeScript Tutorial“ komentarų skyriuje ir mes su jumis susisieksime.