Acest articol vă va oferi informații mai mult decât suficiente pentru a începe să vă construiți primul proiect. Presupunând că aveți un fundal în javascript, tranziția va fi fără întreruperi.

Ce este TypeScript?

TypeScript este un limbaj de programare puternic tipizat care se bazează pe Javascript, denumit și „superset”. Codul Javascript este cod TypeScript valid, dar nu invers. Acum este posibil să vă întrebați: „De ce aș folosi TypeScript dacă codul meu JavaScript va funcționa la fel?” Ei bine, TypeScript introduce o sintaxă suplimentară care oferă o integrare mai puternică cu editorul dvs., făcând mai ușor să prindeți aceste erori deranjante! Cu toții am experimentat frustrarea erorilor de rulare atunci când codificăm în JavaScript, dar după ce treceți la TypeScript, veți observa că aceste erori sunt puține și îndepărtate.

Nu ai încredere în mine? Să ne uităm la un exemplu

Această funcție JavaScript va funcționa fără probleme, indiferent dacă treceți un șir sau un număr în ea. Cu toate acestea, să presupunem că căutăm să găsim calculul a două numere și undeva de-a lungul liniei, un șir este trecut într-unul dintre parametri în loc de un număr. Acest lucru va avea ca rezultat returnarea valorilor nedorite.

În schimb, dacă am folosit TypeScript:

Această funcție este acum tastată puternic și garantează că numerele sunt transmise și returnate. În restul dezvoltării, TypeScript va afișa erori (înainte de timpul de execuție) dacă funcția are alt tip decât un număr trecut în funcție.

TypeScript 101

Să ne aprofundăm în tranziția de la JavaScript la TypeScript.

Primul lucru pe care trebuie să-l învățăm este cum să introducem corect variabile și să declarăm funcții.

Tipuri de bază

// defining a variable
let int: number;
int = 3;
int = “sample”; // shows error becuase int is not the correct typing.
// Other Types
let bool: boolean = true; // Boolean
let sampleText: string = “hello there!”;
let testArr: number[] = [1, 2, 3, 4];
// Let’s try pushing a string into testArr
testArr.push(“123”) // Show’s error because the array type is number.
`testArr.push(1) // Now we have added an item to the array.

Scrierea unei funcții

/** We must assign a type to the parameters in order to use
* TypeScript efficiently.
*/
const calculate = (a: number, b: number):number /** return type */ => {
return a + b;
};
// Or if we wanted to return a string
const combineSentence = (a: string, b: string): string => {
return a + b;
};
// Do you notice how both functions contain the same code but produce different results?
// Let's try one more
const check = (a: string, b: string): boolean /* Must return true or false */ => {
return a == b ? true : false;
};

În timp ce acest articol rezumă doar elementele de bază ale utilizării TypeScript pentru a declara variabile și funcții, mă voi aprofunda în modul de dezvoltare cu TypeScript în partea 2.