23 Novembre 2021
Expand search form

TypeScript è compatibile con es6?

TypeScript permette di convertire la maggior parte delle caratteristiche di ES next in ES3, ES5, ES6, ES2016, ES2017. Naturalmente, si può anche puntare a ES Next. Ma quale versione dovreste puntare?

#Perché dovresti usare la versione più alta possibile?

Usare la versione più alta ti permette di scrivere codice più corto, e di usare caratteristiche più leggibili, come async/await, for..of, spread, ecc. Non è solo più breve, ma anche più facile da eseguire il debug. Per esempio, async/await è riscritto da TypeScript in una macchina a stati. Quindi, lo stack delle chiamate è più difficile da capire, passare alla dichiarazione successiva non è facile perché devi passare alle funzioni della macchina a stati. La mappa dei sorgenti a volte può aiutare, ma non risolve tutti i problemi. Potete anche fare blackboxing di alcuni script. Ad esempio, è possibile blackboxare tslib se si importano gli helper TypeScript.

Quindi, se puoi puntare a ES Next, fallo! Purtroppo, questo non è sempre possibile. Vediamo come scegliere la versione giusta!

#Seleziona il tuo runtime JS di destinazione

Per prima cosa, devi sapere quale runtime vuoi supportare. Hai bisogno di eseguire la tua applicazione in un browser web e quale, in NodeJS o Electron. A seconda di questa scelta, si conosce il gusto JS che si può usare. Per esempio, se scegliete Electron, sapete che usa Chromium versione XXX, quindi sapete quali funzionalità sono disponibili. Se usate NodeJS, usa anche V8, il motore JS di Chromium. Quindi, è facile sapere quali funzionalità sono supportate. Per un browser web, è un po’ più complicato. Potresti voler supportare più browser, e più versioni di ogni browser.

Puoi controllare quali caratteristiche sono supportate dai browser web e dal runtime js qui: https://kangax.github.io/compat-table/es6 . Suggerimento: puoi cambiare la versione ES in alto.

Per esempio, se volete indirizzare IE11, dovrete indirizzare ES5. Se volete supportare NodeJS, MS Edge o Chromium, ES6 va bene.

Una volta che sai quale versione vuoi usare, aggiorna il file tsconfig.json per riflettere la tua decisione:

#Quali librerie utilizzare come target?

Cambiare la versione di destinazione cambia anche le librerie disponibili. Per esempio, se si punta a ES5, non si può usare Promise. Ma Promise non è una caratteristica che deve essere implementata dal motore. Puoi usare un’altra libreria per sostituirla, come bluebird . Ciò significa che puoi puntare a ES5 e usare Promise a patto che tu li aggiunga usando una libreria esterna. È lo stesso per Array.include , e molte altre funzioni.

TypeScript permette di specificare quali librerie sono disponibili. Potete selezionarle nel file di configurazione tsconfig.json :

Puoi trovare l’elenco delle librerie disponibili nella documentazione di TypeScript .

BTW, puoi leggere il mio post precedente per importare dinamicamente i polyfill

#Configurazioni di sviluppo o di rilascio?

Come ho detto nell’introduzione, usare una versione più alta di EcmaScript può aiutare a fare il debug della vostra applicazione. Quindi, potrebbe non essere una cattiva idea avere 2 configurazioni, una per lo sviluppo e un’altra per il rilascio. Per esempio, la prima può avere come target ES next perché state debuggando su un browser recente, mentre la seconda può avere come target ES5 perché i vostri clienti potrebbero usare un browser più vecchio.

TypeScript supporta l’ereditarietà della configurazione. Quindi, puoi creare un tsconfig.json comune che contiene tutte le impostazioni, e un tsconfig.dev.json che eredita da tsconfig.json . Puoi costruire usando tsc tsconfig.dev.json . Puoi leggere la documentazione sull’ereditarietà della configurazione per maggiori informazioni.

#Babel

Se stai usando webpack, gulp o qualsiasi altro strumento di compilazione, puoi considerare l’opzione Babel. L’idea è quella di configurare TypeScript per puntare a ES Next, e transpilare ad un’altra versione usando Babel. Sulla base del link precedente, Babel consente di trasportare più cose in una versione ES inferiore rispetto a TypeScript. Usando webpack, puoi anche includere automaticamente i polyfill con un plugin come webpack-polyfill-injector .

#Conclusione

Scegli la configurazione che ti rende più produttivo e che funzionerà sui tuoi browser/runtime di destinazione.

Potresti anche essere interessato agli argomenti

TypeScript segue ECMAScript?

TypeScript è un superset rigoroso di ECMAScript 2015, che è a sua volta un superset di ECMAScript 5, comunemente chiamato JavaScript. Come tale, un programma JavaScript è anche un programma TypeScript valido, e un programma TypeScript può consumare JavaScript senza problemi.

Come si converte TypeScript in ES6?

Puoi usare TypeScript per scrivere ES6 puro e poi transpilare in ES3 o ES5….Le opzioni supportate per il target sono: “ES3” (predefinito) “ES5″”ES6″/”ES2015″”ES2016″”ES2017″”ESNext “9 agosto 2017

Dovrei imparare ES6 prima di TypeScript?

Vediamo spesso la domanda “Dovrei imparare JavaScript o TypeScript? … La risposta è che non puoi imparare TypeScript senza imparare JavaScript! TypeScript condivide la sintassi e il comportamento di runtime con JavaScript, quindi qualsiasi cosa tu impari su JavaScript ti aiuta ad imparare TypeScript allo stesso tempo.

TypeScript è un superset di ES6?

La sintassi di TypeScript è un superset della sintassi di Ecmascript 5 (ES5). E: La sintassi di TypeScript include diverse caratteristiche proposte da Ecmascript 6 (ES6), incluse classi e moduli.

Vale la pena usare TypeScript?

Vi consiglierei TypeScript? Certo che sì. Vi aiuterà a consegnare codice migliore in minor tempo. Il supporto IDE è ottimo ora, la comunità è vivace, il numero di librerie con definizioni TS è abbastanza grande e in crescita, l’esperienza del programmatore (feedback veloce dal compilatore) è piacevole.

TypeScript è front end o back end?

TypeScript è un adattamento naturale per il mondo delle applicazioni frontend. Con il suo ricco supporto per JSX e la sua capacità di modellare in modo sicuro la mutabilità, TypeScript conferisce struttura e sicurezza alla tua applicazione e rende più facile scrivere codice corretto e mantenibile nell’ambiente frenetico che è lo sviluppo frontend.

TypeScript è frontend o backend?

TypeScript è un adattamento naturale per il mondo delle applicazioni frontend. Con il suo ricco supporto per JSX e la sua capacità di modellare in modo sicuro la mutabilità, TypeScript conferisce struttura e sicurezza alla tua applicazione e rende più facile scrivere codice corretto e mantenibile in un ambiente frenetico come quello dello sviluppo frontend.

TypeScript è meglio di JavaScript?

Vantaggi dell’uso di TypeScript rispetto a JavaScript TypeScript mette sempre in evidenza gli errori di compilazione solo al momento dello sviluppo. A causa di questo nel run-time, la possibilità di ottenere errori è molto minore, mentre JavaScript è un linguaggio interpretato.

Posso usare TypeScript senza compilare?

Qualsiasi codice TypeScript dovrà essere compilato da file . ts a file . js per essere eventualmente eseguito. Fondamentalmente qualcosa come la stessa cosa si applica al codice Flow.

Quali sono gli svantaggi di TypeScript?

Svantaggi di TypeScriptSistema di tipizzazione troppo complicato. Prima di tutto, il sistema di tipizzazione, pur essendo un grande strumento per molti aspetti, a volte può essere un po’ troppo complicato da usare correttamente. … Compilazione richiesta. … Falso senso di sicurezza.

TypeScript è buono per il backend?

TypeScript è usato sul frontend o sul backend? TypeScript è compilato in JavaScript. Pertanto, TS può essere usato ovunque si possa usare JS: sia il frontend che il backend. JavaScript è il linguaggio più popolare per implementare lo scripting per il frontend di applicazioni e pagine web.

Qual è meglio TypeScript o JavaScript?

Quale scegliere? Typescript: Poiché Typescript è un linguaggio orientato agli oggetti, rende il codice più riutilizzabile, semplice, pulito e coerente, quindi si raccomanda di impiegare Typescript per costruire progetti enormi. Javascript: JS è perfetto per progetti di codifica relativamente piccoli.

Facebook usa TypeScript?

Dal punto di vista del supporto, TypeScript è molto meglio perché i principali framework frontend come Vue, Angular, e lo stesso React di Facebook supportano tutti TypeScript out of the box.

Possiamo usare gli alert in TypeScript?

Una casella di avviso è spesso usata se si vuole essere sicuri che le informazioni arrivino all’utente e mostra alcune informazioni all’utente. Aprite Visual Studio 2012 e cliccate “File” -> “New” -> “Project…”. Si apre una finestra. In questa finestra, clicca su HTML Application for TypeScript sotto Visual C#.

Devo installare TypeScript globalmente?

Avrai bisogno di installare il compilatore TypeScript globalmente o nel tuo spazio di lavoro per transpilare il codice sorgente TypeScript in JavaScript ( tsc HelloWorld. ts ). Puoi testare la tua installazione controllando la versione o l’aiuto.

Articolo precedente

Qual è il miglior aspirapolvere canister piccolo?

Articolo successivo

L’uovo foo young è ricco di carboidrati?

You might be interested in …