Výukový program pre strojopisy: Získajte informácie o základoch strojopisu

TypeScript je silne napísaná nadmnožina ktorý sa kompiluje do obyčajného JavaScriptu. Tento jazyk môžete použiť na vývoj JavaScriptu v aplikačnej mierke. Môže byť tiež spustený v ľubovoľnom prehliadači, ľubovoľnom hostiteľovi a ľubovoľnom operačnom systéme. V tomto výučbe strojopisu sa dostaneme do hĺbky strojopisu a základom porozumieme v nasledujúcom poradí:

• Úvod do strojopisu
• Typy strojopisu
• Premenné
• Operátorov
• Slučky
• Funkcie
• Struny
• Polia
• Rozhrania
• Triedy
• Predmety
• Prípad použitia strojopisu

Úvod do strojopisu

TypeScript je napísaná nadmnožina JavaScriptu, ktorá sa kompiluje s obyčajným JavaScriptom. TypeScript je čisto objektovo orientovaný s triedami, rozhraniami a staticky napísanými programovacími jazykmi C # alebo . Vyžaduje kompilátor na zostavenie a vygenerovanie v súbore JavaScript. TypeScript je v podstate verzia JavaScriptu ES6 s niektorými ďalšími funkciami.

Kód strojopisu je napísaný v súbore s prípona .ts a potom pomocou kompilátora skompilovaný do JavaScriptu. Súbor môžete napísať do ľubovoľného editora kódu a kompilátor je potrebné nainštalovať na vašu platformu. Po inštalácii príkaz tsc .ts skompiluje kód TypeScript do obyčajného súboru JavaScript.

Syntax:

var message: string = 'Vitajte na Edureka!' console.log (správa)

Pri kompilácii generuje nasledujúci kód JavaScript:

// Generované strojopisom 1.8.10 var message = 'Vitajte na serveri Edureka!' console.log (správa)

Vlastnosti strojopisu

• Cross-platform: Kompilátor TypeScript je možné nainštalovať do ľubovoľného operačného systému, ako sú Windows, MacOS a Linux.

  
  
  

• Objektovo orientovaný jazyk : TypeScript poskytuje funkcie ako Triedy , Rozhrania a moduly. Môže teda písať objektovo orientovaný kód pre vývoj na strane klienta aj na strane servera.

• Statická kontrola typu : TypeScript používa statické písanie a pomáha pri písaní skontrolovať pri kompilácii. Môžete tak nájsť chyby pri písaní kódu bez spustenia skriptu.

• Voliteľné statické písanie : TypeScript umožňuje aj voliteľné statické písanie, ak používate dynamické písanie JavaScriptu.

• Manipulácia s DOM : Môžete použiť TypeScript na manipuláciu s DOM pri pridávaní alebo odstraňovaní prvkov.

• Funkcie ES 6 : TypeScript obsahuje väčšinu funkcií plánovaného ECMAScript 2015 (ES 6, 7), ako sú trieda, rozhranie, funkcie šípok atď.

Výhody používania strojopisu

• Strojopis je rýchle, jednoduché, ľahko sa naučiť a beží na ľubovoľnom prehľadávači alebo stroji JavaScript.

• to je podobný do JavaScript a používa rovnakú syntax a sémantiku.

• To pomáha backendovým vývojárom zapisovať klientske rozhrania kód rýchlejšie .

• Kód strojopisu je možné volať z existujúci kód JavaScript . Bez problémov funguje aj s existujúcimi rámcami a knižnicami JavaScriptu.

• Súbor definícií s príponou .d.ts poskytuje podporu pre existujúce knižnice JavaScriptu, ako je Jquery, D3.js , atď. Takže je možné pridať strojopisný kód Knižnice JavaScript použitie definícií typov na využitie výhod kontroly typu, automatického dopĺňania kódu a dokumentácie v existujúcich dynamicky písaných knižniciach JavaScriptu.

• Zahŕňa funkcie z ES6 a ES7 ktoré môžu bežať v motoroch JavaScript na úrovni ES5, napríklad Node.js .

Teraz, keď ste pochopili, čo je TypeScript, poďme ďalej s týmto Výukovým programom pre TypeScript a pozrime sa na rôzne typy.

Typy strojopisu

Typový systém predstavuje rôzne typy hodnôt podporovaných jazykom. Kontroluje to platnosť dodaných hodnoty pred tým, ako ich program uloží alebo s nimi manipuluje.

Môže byť rozdelený do dvoch typov, ako napríklad:

• Vstavaný : Zahŕňa to číslo, reťazec, logické hodnoty, neplatné, nulové a nedefinované.
• Definované užívateľom : Zahŕňa výčty (výčty), triedy, rozhrania, polia a n-ticu.

Teraz poďme ďalej s týmto Výučbou strojopisu a pochopme viac informácií o premenných.

Výukový program pre strojopisy: Premenné

Premenná je pomenovaný priestor v pamäti, ktorý sa používa na ukladanie hodnôt.

Syntax typu pre deklarovanie premennej v TypeScript obsahuje dvojbodku (:) za názvom premennej, za ktorou nasleduje jej typ. Podobne ako v jazyku JavaScript používame var kľúčové slovo deklarovať premennú.

Pri deklarácii premennej existujú štyri možnosti:

var [identifikátor]: [typová anotácia] = hodnota

var [identifikátor]: [anotácia typu]

var [identifikátor] = hodnota

var [identifikovať]

Príklad:

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

Pri kompilácii vygeneruje nasledujúci kód JavaScript:

// Generované strojopisom 1.8.10 var name = 'Daisy' var empid = 1001 console.log ('name' + name) console.log ('employee id:' + empid)

Výkon:

meno: Daisy
id zamestnanca: 1001

Prejdime teraz k ďalšej téme nášho Výučby strojopisu.

Operátorov

Operátor sa používa na definovanie funkcií, ktoré sa budú s údajmi vykonávať. Údaje, na ktorých operátori pracujú, sa nazývajú operandy. Existujú rôzne typy operátorov v strojopisu, ako napríklad:

• Aritmetické operátory
• Logické operátory
• Relačné operátory
• Bitové operátory
• Prevádzkovatelia pridelenia

Aritmetické operátory

Príklad:

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

Výkon:

Súčet: 12
Rozdiel: 8
Produkt: 20

Logickí operátori

Príklad:

var avg: number = 20 var percent: number = 90 console.log ('Hodnota priem:' + avg + ', hodnota percenta:' + percento) var res: boolean = ((priem> 50) && (percento> 80 )) console.log ('(priem.> 50) && (percento> 80):', res)

Výkon:

Hodnota priem.: 20, hodnota v percentách: 90
(priem.> 50) && (percento> 80): nepravdivé

Relační operátori

Príklad:

var num1: number = 10 var num2: number = 7 console.log ('Hodnota num1:' + num1) console.log ('Hodnota num2:' + num2) var res = num1> num2 console.log ('num1 väčšie ako num2: '+ res) res = num1
 Výkon: 
Hodnota num1: 10 
 Hodnota num2: 7 
 num1 väčšie ako num2: true 
 num1 menšie ako num2: false
 Bitoví operátori 
 Operátorov 
 Popis 
 Bitový operátor AND (&) 
vykoná boolovskú operáciu AND na každom bite svojich celočíselných argumentov.
 Bitové ALEBO (|) 
Vykonáva booleovskú operáciu OR na každom bite svojich celočíselných argumentov.
 Bitový XOR (^) 
Vykonáva booleovskú exkluzívnu operáciu OR na každom bite svojich celočíselných argumentov.
 Bitový NOT (~) 
Toto je unárny operátor a pracuje obrátením všetkých bitov v operande.
 Lavy shift (<<) 
Posunie všetky bity v prvom operande doľava o počet miest špecifikovaných v druhom operande.
sa rozširuje a implementuje spolu v Jave
 Pravý posuv (>>) 
Hodnota ľavého operandu sa posúva doprava o počet bitov určený pravým operandom.
 Pravý posun s nulou (>>>) 
Je to podobné ako operátor >>, až na to, že bity posunuté vľavo sú vždy nulové.
 Príklad: 
var a: number = 2 // Bitová prezentácia 10 var b: number = 3 // Bitová prezentácia 11 var result result = (a & b) console.log ('(a & b) =>', result) result = ( a | b) console.log ('(a | b) =>', výsledok)
 Výkon: 
(a & b) => 2 
 (a | b) => 3
 Prevádzkovatelia pridelenia 
 Operátorov 
 Popis 
 Jednoduché priradenie (=) 
Priradí hodnoty z operandu z pravej strany k operandu z ľavej strany
 Pridať a priradiť (+ =) 
Pridá pravý operand k ľavému operandu a výsledok priradí k ľavému operandu.
 Odčítanie a priradenie (- =) 
Odčíta pravý operand od ľavého operandu a výsledok priradí ľavému operandu.
 Násobenie a priradenie (* =) 
Násobí pravý operand ľavým operandom a výsledok priraďuje ľavému operandu.
 Rozdeliť a priradiť (/ =) 
Rozdeľuje ľavý operand s pravým operandom a výsledok priradí ľavému operandu.
 Príklad: 
var a: number = 12 var b: number = 10 a = b console.log ('a = b:' + a) a + = b console.log ('a + = b:' + a) a - = b konzola .log ('a- = b:' + a)
 Výkon: 
a = b: 10 
 a + = b: 20 
 a - = b: 10
Išlo o rôznych operátorov. Teraz poďme ďalej s naším Výučbou strojopisu a dozvieme sa o cykloch.
 Slučky 
Môžu nastať situácie, kedy je potrebné blok kódu vykonať niekoľkokrát. A slučka vyhlásenie nám umožňuje vykonať výpis alebo skupinu výpisov viackrát.
Smyčky TypeScript možno klasifikovať ako:
 Pre slučku 
The pre slučku je implementácia určitej slučky.
 Syntax: 
pre (prvý výraz druhý výraz tretí výraz) {// príkazy, ktoré sa majú vykonávať opakovane}
Tu sa prvý výraz vykoná pred začiatkom slučky. Druhý výraz je podmienkou vykonania slučky. A tretí výraz sa vykoná po vykonaní každého bloku kódu.
 Príklad: 
pre (nech i = 0 i<2 i++) { console.log ('Execute block statement' + i) }
 Výkon: 
Vykonať príkaz bloku 0 
Vykonať blokový výpis 1
 Zatiaľ čo Loop 
Cyklus while vykonáva pokyny zakaždým, keď sa zadaná podmienka vyhodnotí ako pravdivá.
 Syntax: 
while (podmienkový výraz) {// blok kódu, ktorý sa má vykonať}
 Príklad: 
nech i: number = 1 while (i<3) { console.log( 'Block statement execution no.' + i ) i++ }
 Výkon: 
Vykonanie blokového výpisu č.1 
Vykonanie blokového výpisu č.2
 Robte .. Zatiaľ čo slučka 
Smyčka do & hellipwhile je podobná so smyčkou while, až na to, že nevyhodnocuje podmienku pri prvom vykonaní slučky.
 Syntax: 
urobte {// blok kódu, ktorý sa má vykonať} while (výraz podmienky)
 Príklad: 
  
let i: number = 1 do {console.log ('Block statement execution no.' + i) i ++} while (i<3)
 Výkon: 
Vykonanie blokového výpisu č.1 
Vykonanie blokového výpisu č.2
Okrem nich sú v stroji písané znaky prerušenia a pokračovania, ktoré sa používajú v slučke.
 Vyhlásenie o zlomení 
Príkaz break sa používa na prevzatie kontroly nad konštruktom. Použitie príkazu break v cykle pomáha programu pri ukončení cyklu.
 Príklad: 
var i: číslo = 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
 Výkon: 
Prvý násobok 5 medzi 1 a 10 je: 5
 Pokračovať vo vyhlásení 
Príkaz continue preskočí nasledujúce príkazy v aktuálnej iterácii a vráti ovládací prvok späť na začiatok slučky.
 Príklad: 
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ýkon: 
Počet nepárnych hodnôt medzi 0 a 10 je: 5
Toto boli rôzne slučky v TypeScript. Poďme teraz ďalej s naším Výučbou strojopisu a porozumením funkciám.
 Funkcie 
V JavaScripte, funkcie sú jednou z najdôležitejších častí, pretože ide o funkčný programovací jazyk. Funkcie zabezpečujú, že program je udržiavateľný a opakovane použiteľný a je usporiadaný do čitateľných blokov. Aj keď TypeScript poskytuje koncept tried a modulov, funkcie sú stále neoddeliteľnou súčasťou jazyka.
 Pomenované funkcie 
Pomenovaná funkcia sa používa na deklarovanie a volanie funkcie pod jej krstným menom.
 Príklad: 
function display () {console.log ('TypeScript Function')} display ()
 Výkon: 
Funkcia strojopisu
 Anonymná funkcia 
Anonymná funkcia je taká, ktorá je definovaná ako výraz. Tento výraz je uložený v premennej. Tieto funkcie sa vyvolávajú pomocou názvu premennej, v ktorej je funkcia uložená.
 Príklad: 
let pozdrav = funkcia () {console.log ('funkcia TypeScript')} pozdrav ()
 Výkon: 
Funkcia strojopisu
 Funkcia šípky 
Značky tučného šípu sa používajú pre anonymné funkcie, t. J. Pre výrazy funkcií. V iných jazykoch sa tiež nazývajú funkcie lambda.
 Syntax: 
(param1, param2, ..., paramN) => výraz
Použitím tučnej šípky (=>) klesá potreba používať kľúčové slovo ‘funkcia’. Parametre sa odovzdávajú v lomených zátvorkách a výraz funkcie je uzavretý v zložených zátvorkách {}.
 Príklad: 
let sum = (x: number, y: number): number => {return x + y} sum (10, 30) // returns 40
 Funkčné preťaženie 
TypeScript poskytuje koncept preťaženia funkcií. Môžete teda mať viac funkcií s rovnakým názvom, ale s rôznymi typmi parametrov a návratovým typom.
 Príklad: 
function add (a: string, b: string): string function add (a: number, b: number): number return a + b} add ('Hello', 'Edureka') // returns 'Hello Edureka' add ( 10, 10) // vráti 20
Vo vyššie uvedenom príklade máme rovnakú funkciu add () s dvoma deklaráciami funkcií a jednou implementáciou funkcie. Prvý podpis má dva parametre typového reťazca, zatiaľ čo druhý podpis má dva parametre typového čísla.
Jedná sa o rôzne typy funkcií. Teraz poďme ďalej s naším Výučbou strojopisu a pochopme reťazce v strojopisu.
 Výukový program pre strojopisy: Reťazce 
The  je ďalší primitívny dátový typ, ktorý sa používa na ukladanie textových údajov. Hodnoty reťazca sú obklopené jednoduchými úvodzovkami alebo dvojitými úvodzovkami.
 Syntax: 
var var_name = nový reťazec (reťazec)
V objekte String sú k dispozícii rôzne vlastnosti metód, napríklad:
 Staviteľ - Vráti odkaz na funkciu String, ktorá vytvorila objekt
 Dĺžka - Týmto sa vráti dĺžka reťazca
 Prototyp - Táto vlastnosť umožňuje pridať do objektu vlastnosti a metódy
 Príklad: 
let name = new String ('Welcome to Edureka!') console.log ('Message:' + name) console.log ('Length:' + name.length)
 Výkon: 
Správa: Vitajte v spoločnosti Edureka! 
 Dĺžka: 19
 Metódy reťazcov 
Zoznam metód v reťazcovom objekte obsahuje:
 Metóda 
 Popis 
 charAt () 
Vráti znak v zadanom indexe
 charCodeAt () 
Vráti číslo označujúce hodnotu Unicode znaku v danom indexe
 concat () 
Spojí text dvoch reťazcov a vráti nový reťazec
 indexOf () 
Vráti index vo vnútri volajúceho objektu typu String pri prvom výskyte zadanej hodnoty
 lastIndexOf () 
Vráti index vo vnútri volajúceho objektu String posledného výskytu zadanej hodnoty
 zápas() 
Používa sa na priradenie regulárneho výrazu k reťazcu
 localeCompare () 
Vráti číslo označujúce, či referenčný reťazec prichádza pred alebo za alebo je rovnaký ako daný reťazec v poradí zoradenia
 Vyhľadávanie() 
Týmto sa spustí hľadanie zhody medzi regulárnym výrazom a zadaným reťazcom
 nahradiť () 
Používa sa na nájdenie zhody medzi regulárnym výrazom a reťazcom a na nahradenie zhodného podreťazca novým podreťazcom
 plátok () 
Extrahuje časť reťazca a vráti nový reťazec
 split () 
Rozdelí objekt String na pole reťazcov rozdelením reťazca na podreťazce
 substr () 
Vráti znaky v reťazci začínajúcim na zadanom mieste prostredníctvom zadaného počtu znakov
 podreťazec () 
Vráti znaky v reťazci medzi dvoma indexmi do reťazca
 toLocaleLowerCase () 
Znaky v reťazci sa prevádzajú na malé písmená pri rešpektovaní aktuálneho miestneho nastavenia
 toLocaleUpperCase () 
Znaky v reťazci sa prevádzajú na veľké písmená pri rešpektovaní aktuálneho miestneho nastavenia
 toLowerCase () 
Vráti hodnotu volajúceho reťazca prevedenú na malé písmená
 toUpperCase () 
Vráti hodnotu volajúceho reťazca prevedenú na veľké písmená
 natiahnuť() 
Vráti reťazec predstavujúci zadaný objekt
 hodnota() 
Vráti primitívnu hodnotu zadaného objektu
 Príklad: 
let str: string = 'Vitajte v Edureka' str.charAt (0) // vráti 'w' str.charAt (2) // vráti 'l' 'Vitajte v Edureka.charAt (2) vráti' l 'nech str1 : string = 'welcome' let str2: string = 'Edureka' str1.concat (str2) // vráti 'welcomeEdureka' str1.concat ('', str2) // vráti 'vitaj Edureka' str1.concat ('' na ' ') // vráti „Vitajte na“
Teraz, keď viete o reťazcoch, poďme ďalej s týmto tutoriálom pre TypeScript a porozumieme poliam.
 Polia v strojopise 
An pole je špeciálny typ dátového typu, ktorý ukladá viaceré hodnoty rôznych dátových typov postupne pomocou špeciálnej syntaxe. Prvky poľa sú identifikované jedinečným celým číslom, ktoré sa nazýva dolný index alebo index prvku.
 Syntax: 
var array_name [: datatype] // deklarácia array_name = [val1, val2, valn ..] // inicializácia
 Príklad: 
let names: Array names = ['John', 'Daisy', 'Rachel'] let ids: Array ids = [101, 700, 321]
 Pole metódy 
Tu je zoznam rôznych metód poľa, ktoré možno použiť na rôzne účely:
 Metóda 
 Popis 
 filter () 
Vytvorí nové pole so všetkými prvkami tohto poľa, pre ktoré vráti poskytnutá funkcia filtrovania hodnotu true
 každý () 
Vráti hodnotu true, ak každý prvok v tomto poli spĺňa uvedené testovacie funkcie
 concat () 
Vráti nové pole zložené z tohto poľa spojené s inými poľami
 indexOf () 
Vráti prvý alebo najmenší index prvku v poli, ktorý sa rovná zadanej hodnote
 pre každý() 
Zavolá funkciu pre každý prvok v poli
 pripojiť sa () 
Spája všetky prvky poľa do reťazca
 lastIndexOf () 
Vráti posledný alebo najväčší index prvku v poli, ktorý sa rovná zadanej hodnote
 mapa () 
Vytvorí nové pole s výsledkami volania poskytnutej funkcie pre každý prvok v tomto poli
 tlačiť() 
Pridá jeden alebo viac prvkov na koniec poľa a vráti novú dĺžku poľa
 pop () 
Odstráni posledný prvok z poľa a vráti tento prvok
 znížiť () 
Aplikujte funkciu súčasne na dve hodnoty poľa zľava doprava, aby ste ju zmenšili na jednu hodnotu
 znížiťRight () 
Aplikujte funkciu súčasne na dve hodnoty poľa sprava doľava, aby ste ju znížili na jednu hodnotu
 reverz () 
Obráti poradie prvkov poľa
 shift () 
Odstráni prvý prvok z poľa a vráti ho
 plátok () 
Extrahuje časť poľa a vráti nové pole
 niektoré () 
Vráti hodnotu true, ak aspoň jeden prvok v tomto poli spĺňa stanovené testovacie funkcie
 sort () 
Triedi prvky poľa
 natiahnuť() 
Vráti reťazec predstavujúci pole a jeho prvky
pl sql návod pre začiatočníkov s príkladmi
 spojiť () 
Pridáva a / alebo odstraňuje prvky z poľa
 unshift () 
Pridá jeden alebo viac prvkov na prednú časť poľa a vráti novú dĺžku poľa
 Príklad: 
var name: Array = ['John', 'Daisy', 'Tara'] name.sort () console.log (name) // výstup: ['Daisy', 'John', 'Tara'] console.log ( name.pop ()) // výstup: Tara name.push ('Rachel') console.log (name) // výstup: ['John', 'Daisy', 'Rachel']
Teraz poďme ďalej s týmto Výučbou strojopisu a dozvieme sa viac o rozhraniach.
 Rozhrania strojopisu 
Rozhranie je štruktúra, ktorá definuje zmluvu vo vašej aplikácii. Definuje syntax pre triedy, ktoré majú nasledovať. Obsahuje iba vyhlásenie členov a za definíciu členov je zodpovedná odvodzujúca trieda.
 Príklad: 
zamestnanec rozhrania {empID: number empName: string getSalary: (number) => number // arrow function getManagerName (number): string}
Vo vyššie uvedenom príklade Zamestnanec rozhranie obsahuje dve vlastnosti empID a empName . Zahŕňa tiež deklaráciu metódy getSalaray pomocou funkcia šípky ktorý obsahuje jeden číselný parameter a typ vrátenia čísla. The getManagerName metóda je deklarovaná pomocou normálnej funkcie.
 Strojopis  Triedy 
TypeScript predstavil triedy, aby mohli využívať výhody objektovo orientovaných techník, ako je zapuzdrenie a abstrakcia. Trieda v TypeScript je kompilovaná do obyčajných funkcií JavaScriptu kompilátorom TypeScript, aby fungovala naprieč platformami a prehľadávačmi.
Trieda obsahuje:
 Staviteľ 
 Vlastnosti 
 Metódy 
 Príklad: 
trieda Zamestnanec {empID: číslo empName: konštruktor reťazca (ID: číslo, meno: reťazec) {this.empName = pomenovať this.empID = ID} getSalary (): number {return 40000}}
 Dedenie 
Podporuje strojopis Dedenie pretože to je schopnosť programu vytvárať nové triedy z existujúcej triedy. Trieda rozšírená o novšie triedy sa nazýva rodičovská trieda alebo super trieda. Novo vytvorené triedy sa nazývajú podradené alebo podtriedy.
Trieda dedí z inej triedy pomocou kľúčového slova „extends“. Podradené triedy dedia všetky vlastnosti a metódy okrem súkromných členov a konštruktorov z nadradenej triedy. TypeScript ale nepodporuje viacnásobné dedenie.
 Syntax: 
trieda child_class_name rozširuje parent_class_name
 Príklad: 
trieda Osoba {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 () // Meno = Jason, ID zamestnanca = 701
Teraz, keď už viete o triedach, poďme ďalej s týmto Výučbou strojopisu a naučme sa niečo o objektoch.
 Objekty v strojopise 
Objekt je inštancia, ktorá obsahuje inú sadu párov kľúč - hodnota. Hodnotami môžu byť skalárne hodnoty alebo funkcie alebo dokonca pole ďalších objektov.
 Syntax: 
var object_name = {key1: “value1”, // skalárna hodnota key2: “value”, key3: function () {// functions}, key4: [“content1”, “content2”]
Objekt môže obsahovať skalárne hodnoty, funkcie a štruktúry, ako sú polia a n-tice.
 Príklad: 
var person = {firstname: 'Danny', lastname: 'Green'} // prístup k hodnotám objektov console.log (person.firstname) console.log (person.lastname)
Pri kompilácii vygeneruje rovnaký kód v JavaScripte.
 Výkon: 
Danny 
 zelená
Toto boli rôzne dôležité prvky TypeScript. Teraz poďme ďalej s týmto Výučbou strojopisu a poďme sa pozrieť na príklad, aby sme pochopili prípad použitia.
 Výukový program pre strojopisy: Prípad použitia 
Tu sa naučíme, ako prevádzať existujúce  do strojopisu.
Keď zostavíme súbor TypeScript, vytvorí zodpovedajúci súbor JavaScript s rovnakým názvom. Tu musíme zabezpečiť, aby náš pôvodný súbor JavaScriptu, ktorý slúži ako vstup, nemohol byť v rovnakom adresári, aby ich TypeScript neprepisoval.
Proces migrácie z JavaScriptu do TypeScript zahŕňa nasledujúce kroky:
 1. Pridajte do projektu súbor tsconfig.json 
Do projektu musíte pridať súbor tsconfig.json. TypeScript používa súbor tsconfig.json na správu možností kompilácie projektu, napríklad toho, ktoré súbory chcete zahrnúť a vylúčiť.
{'compilerOptions': {'outDir': './built', 'allowJs': true, 'target': 'es5'}, 'include': ['./src/**/*']}
 2. Integrácia s nástrojom na zostavenie 
Väčšina projektov v jazyku JavaScript má integrovaný nástroj na zostavenie, ako je gulp alebo webpack. Projekty môžete integrovať do webpacku nasledujúcimi spôsobmi:
Na termináli spustite nasledujúci príkaz:
$ npm inštalácia úžasného strojopisu-nakladača zdrojových máp
Pri integrácii webpacku používate na jednoduchšie ladenie zdrojového kódu úžasný strojopisný nakladač v kombinácii s zdrojovým mapovým nakladačom.
Po druhé, zlúčte vlastnosť konfigurácie modulu v našom súbore webpack.config.js a zahrňte nakladače.
 3. Presuňte všetky súbory .js do súborov .ts 
V tomto kroku musíte súbor .js premenovať na súbor .ts. Podobne, ak súbor používa JSX, budete ho musieť premenovať na .tsx. Ak teraz otvoríme tento súbor v editore, ktorý podporuje TypeScript, niektoré z kódov by mohli začať robiť chyby kompilácie. Takže postupná konverzia súborov umožňuje ľahšiu manipuláciu s chybami kompilácie. Ak TypeScript počas prevodu zistí nejaké chyby kompilácie, bude stále schopný preložiť kód.
 4. Skontrolujte chyby 
Po presune súboru js do súboru ts začne TypeScript okamžite s kontrolou typu nášho kódu. Môže sa teda stať, že v kóde Java Script dostanete diagnostické chyby.
 5. Používajte knižnice JavaScript tretích strán 
Projekty JavaScript používajú knižnice tretích strán, ako je  alebo Lodash. Aby bolo možné kompilovať súbory, musí TypeScript poznať typy všetkých objektov v týchto knižniciach. Súbory definícií TypeScript Type pre knižnice JavaScriptu sú už k dispozícii na DefinitelyTyped. Nie je teda potrebné tento typ inštalovať externe. Musíte nainštalovať iba tie typy, ktoré sa používajú v našom projekte.
Pre jQuery môžete nainštalovať definíciu:
$ npm install @ types / jquery
Potom vykonajte zmeny v projekte JavaScript, spustite nástroj na zostavenie. Teraz by ste mali mať projekt TypeScript zostavený do obyčajného JavaScriptu, ktorý je možné spustiť v prehliadači.
Týmto sme sa dostali na koniec tohto tutoriálu strojopisu. Dúfam, že ste pochopili všetky dôležité prvky strojopisu.
 Pozrite sa na     od Edureka.  Osvedčenie o školení v oblasti vývoja webových stránok vám pomôže Naučte sa, ako vytvárať pôsobivé webové stránky pomocou HTML5, CSS3, Twitter Bootstrap 3, jQuery a Google API a ako ich nasadiť do služby Amazon Simple Storage Service (S3). 
 Máte na nás otázku? Uveďte to, prosím, v sekcii komentárov v príručke „TypeScript Tutorial“ a my sa vám ozveme.