TypeScript are multe avantaje față de JavaScript, dar cum puteți migra de la primul la cel de-al doilea? Iată cum.
Lansat inițial în 1995, după o perioadă de dezvoltare uluitor de scurtă, JavaScript a devenit de atunci parte integrantă a multor site-uri și aplicații. Astăzi, JavaScript și-a găsit o casă atât în aplicațiile client, cât și pe server. Dezvoltatorii solicită încă o mulțime de funcții, în ciuda tuturor schimbărilor pe care le-a experimentat de-a lungul anilor.
TypeScript este un limbaj de scripting care extinde JavaScript cu multe dintre aceste funcții mult așteptate. Adnotările de tip, tastarea personalizată și interfețele sunt toate componente majore, împreună cu instrumente mai bune pentru a crește productivitatea.
De ce să vă deranjați să comutați?
Perspectiva de a schimba limbile pentru proiecte majore poate fi stresantă. Din fericire pentru oricine ia în considerare sarcina, procesul de portare a unui proiect din JavaScript în TypeScript este destul de simplu.
JavaScript a petrecut ultimii câțiva ani câștigând tracțiune ca limbaj de programare major. Folosit inițial doar pentru scripturi front-end pe site-uri web, lansarea Node.js a adus partea serverului JavaScript, ajutând la extinderea popularității acestuia.
În timp ce JavaScript a devenit mult mai popular în ultima perioadă, există o mulțime de funcții de care ultima sa implementare, ES6, încă le lipsește. Pentru mulți dezvoltatori, aceste caracteristici lipsite limitează utilitatea JavaScript ca limbaj.
TypeScript își propune să remedieze aceste preocupări prin împachetarea JavaScript cu funcții suplimentare, apoi transpilând codul utilizatorului. Rezultatul este un limbaj sigur de tipare, cu ușurința și utilizarea JavaScript.
Există deja mai multe instrumente și cadre cu suport complet TypeScript. Angular îl folosește de mult timp și chiar React are modalități de a implementa TypeScript.
TypeScript este îmbunătățit ca JavaScript
TypeScript implementează multe dintre caracteristicile pe care dezvoltatorii le solicită adesea în JavaScript. TypeScript este numit după sistemul complet de tipări pe care îl implementează, inclusiv caracteristici precum verificarea tipului, siguranța și tastarea implicită. TypeScript chiar vă permite definiți și utilizați spații de nume personalizate.
TypeScript conține, de asemenea, interfețe, enumerări și inferențe de tip. TypeScript menține suport pentru funcțiile din cea mai recentă implementare JavaScript, alături de funcțiile moștenite și adaugă o suită de funcții noi.
În general, TypeScript se concentrează pe crearea unui proces de dezvoltare mai sigur, cu instrumente mai puternice pentru a ajuta programatorii.
Încurajează codul tip sigur
TypeScript utilizează un sistem de verificare a tipului încorporat pentru a valida tipurile de variabile. Include un set de tipuri standard cu opțiunea de a vă defini propriile clase și tipuri. Tipurile pot fi declarate explicit sau deduse pe baza atribuirii.
TypeScript are mai multe tipuri de date standard, inclusiv șiruri, numere, booleeni și tupluri. Există, de asemenea, tipuri de variabile, cum ar fi necunoscut și oricare, care vă permit să utilizați cod slab tipizat.
Inferența de tip a lui TypeScript vă permite să executați verificări de tip chiar și pe codul JavaScript standard, rulându-l prin transpiler-ul TypeScript.
Transpilarea îl face ușor de utilizat
Din perspectiva dezvoltatorului, una dintre cele mai bune caracteristici ale TypeScript este că produce JavaScript vanilla. Puteți rula cod TypeScript printr-un proces cunoscut sub numele de transpilare, care este similar cu compilarea.
Mai degrabă decât un executabil, rezultatul transpilării este un script într-o altă limbă decât cea originală a codului.
Codul TypeScript se transpilează în JavaScript, pe care îl puteți rula apoi pe un server sau client. Acest lucru vă permite să scrieți rapid și ușor cod pe care îl puteți rula pe aproape orice platformă.
TypeScript ajută la productivitatea dezvoltatorilor
Adăugarea de tipuri la JavaScript nu numai că permite codului să ruleze în siguranță, ci oferă și dezvoltatorilor instrumente care facilitează codarea. Cele mai multe IDE-uri moderne oferă suport TypeScript care permite instrumentelor de completare a codului precum IntelliSense să ofere context suplimentar codului. De asemenea, poate oferi verificarea tipului pe măsură ce scrieți, ajutându-vă să detectați erorile mai rapid.
În plus, structurile și sintaxa de date suplimentare ale TypeScript sunt concepute pentru a crește lizibilitatea codului. Aceste caracteristici fac mai rapidă și mai ușoară crearea de cod de înaltă calitate și identificarea problemelor potențiale înainte ca acestea să devină problematice.
Cum vă puteți porta codul?
Dacă începeți un proiect nou-nouț, crearea unui nou proiect TypeScript este destul de simplu. Convertirea unui proiect preexistent în TypeScript, totuși, este puțin mai complicată.
În majoritatea circumstanțelor normale, perspectiva de a converti un proiect dintr-o limbă în alta este una înspăimântătoare. Cu toate acestea, conversia de la JavaScript la TypeScript este surprinzător de simplă.
TypeScript ca superset de JavaScript
TypeScript este considerat un superset de JavaScript. Aceasta înseamnă că TypeScript adaugă straturi suplimentare de sintaxă și funcționalitate, fără a modifica sau elimina funcționalitatea de bază pe care o construiește.
Pentru dezvoltatori, aceasta înseamnă că orice cod care rulează corect în JavaScript va rula automat corect în TypeScript. Indiferent dacă scriptul în cauză este un server web scris pentru a rula în NodeJS sau un set de scripturi front-end pentru o pagină web, comutarea este excepțional de simplă.
După instalarea transpiler-ului TypeScript, puteți crea un simplu tsconfig.json fișier cu următorul conținut:
{
"compilerOptions": {
"outDir": "./construi",
"permite Js": Adevărat,
"ţintă": "es5"
},
"include": [„./src/**/**”]
}
Mutați toate fișierele aplicabile în directorul src și rulați transpiler-ul. Aceasta va crea fișierele JavaScript rezultate în fișierul construi director.
Aceste modificări rapide și simple vor converti un proiect JavaScript standard într-unul TypeScript. De aici, sunteți liber să utilizați noile funcții pe care TypeScript le oferă după bunul plac. Puteți adnota tipuri pe variabile, puteți implementa tipuri personalizate și puteți defini interfețe.
După fiecare transpilare, puteți utiliza rezultatul de la construi director, după cum este necesar, adăugând fișierele în orice proiect așa cum ați proceda în mod normal. Transpiler-ul va tip verifica JavaScript standard și va converti funcțiile noi în scripturi ES5 valide.
Ce trebuie să știți pentru a trece de la JS la TS
Procesul de conversie a unui proiect din JavaScript în TypeScript este excepțional de ușor. Conversia este la fel de simplă ca schimbarea structurii directoarelor, adăugarea unui fișier de configurare și instalarea transpiler-ului.
Cu toate acestea, obținerea tuturor beneficiilor din noua limbă poate fi un proiect mult mai lung. În timp ce TypeScript poate deduce tipul fiecărei variabile dintr-un proiect, acestea ar trebui declarate în mod explicit. Revenirea și adăugarea unor tipuri personalizate la un proiect, adăugarea de adnotări adecvate și crearea de interfețe pot fi consumatoare de timp.
Adăugarea acestor caracteristici la un proiect, totuși, vă va permite să culegeți beneficiile care vin cu verificarea adecvată a tipului și cu scule extinse. Proiectele majore vor fi mai rapid și mai ușor de construit, veți identifica erorile mai devreme și noii dezvoltatori vor avea mai ușor să citească codul dvs.