TypeScript: differenze tra le versioni

Versione delle 12:41, 6 lug 2021

Versione attuale delle 14:40, 12 apr 2025

(18 versioni intermedie di 8 utenti non mostrate)

Riga 1:

{{Linguaggio di programmazione

|nome = TypeScript

|immagine = TypeScript Logo.png

|didascalia =

|autore = [[Anders Hejlsberg]],<br />[[Microsoft]]

|data = 1º ottobre 2012

|versione = 4.4.0 Beta (1 luglio 2021)

|utilizzo = [[General purpose]]

|paradigmi = [[Paradigma di programmazione|Multi-paradigma]]: [[Linguaggio di scripting|scripting]], [[Programmazione orientata agli oggetti|orientato agli oggetti]], [[Programmazione strutturata|strutturata]], [[Programmazione imperativa|imperativa]]

|tipizzazione = Media

|specifiche =

|estensione = ts e tsx

|influenzato_da = [[JavaScript]], [[Java (linguaggio di programmazione)|Java]], [[C Sharp|C#]]

|sistema_operativo = [[Windows]], [[Linux]], [[macOS]]

|lingua = Multilingua

|licenza = Apache 2.0

}}

'''TypeScript''' è un [[linguaggio di programmazione]] [[open source]] sviluppato da [[Microsoft]]. Si tratta di un Super-set'estensione di [[JavaScript]] che basa le sue caratteristiche su [[ECMAScript]] 6; capo del progetto è [[Anders Hejlsberg]].<ref>[{{Cita web|url=https://www.zdnet.com/article/microsoft-takes-the-wraps-off-typescript-a-superset-of-javascript-7000004993/ |titolo=Microsoft takes the wraps off TypeScript, a superset of JavaScript | ZDNet]sito=ZDNET|lingua=en}}</ref><ref>[https://blogs.msdn.com/b/somasegar/archive/2012/10/01/typescript-javascript-development-at-application-scale.aspx TypeScript: JavaScript Development at Application Scale - Somasegar's blog - Site Home - MSDN Blogs]</ref><ref>[{{Cita web|url=https://www.zdnet.com/article/microsoft-typescript-can-the-father-of-c-save-us-from-the-tyranny-of-javascript-7000005054/ |titolo=Microsoft TypeScript: Can the father of C# save us from the tyranny of JavaScript? | ZDNet]sito=ZDNET|lingua=en}}</ref><ref>[{{Cita web |url=http://www.cio.com/article/717679/Microsoft_Augments_Javascript_for_Large_scale_Development |titolo=Microsoft Augments Javascript for Large-scale Development CIO.com] |accesso=19 luglio 2013 |dataarchivio=17 dicembre 2013 |urlarchivio=https://web.archive.org/web/20131217223751/http://www.cio.com/article/717 |urlmorto=sì }}</ref>

Il linguaggio estende la [[Sintassi (informatica)|sintassi]] di JavaScript in modo che qualunque [[programma (informatica)|programma]] scritto in JavaScript sia anche in grado di funzionare con TypeScript senza nessuna modifica. È stato progettato per lo sviluppo di grandi applicazioni ed è destinato a essere [[compilazione|compilato]] in JavaScript per poter essere [[interprete (informatica)|interpretato]] da qualunque [[web browser]] o [[applicazione mobile|app]].<ref>[{{Cita web|url=https://arstechnica.com/information-technology/2012/10/microsoft-typescript-the-javascript-we-need-or-a-solution-looking-for-a-problem/ |titolo=Microsoft TypeScript: the JavaScript we need, or a solution looking for a problem? |autore=Ars Staff|sito=Ars Technica<!--|data=3 Botottobre generated title -2012|lingua=en->]US}}</ref>

== Origini ==

TypeScript nasce dal crescente bisogno di un linguaggio [[front-end]] per lo sviluppo di [[applicazione (informatica)|applicazioni]] [[JavaScript]] su larga scala e dalla necessità di sicurezza e robustezza, sia da parte di sviluppatori interni a Microsoft sia da parte di clienti e sviluppatori indipendenti.<ref>[http://channel9.msdn.com/Shows/Going+Deep/Anders-Hejlsberg-and-Lars-Bak-TypeScript-JavaScript-and-Dart Anders Hejlsberg and Lars Bak: TypeScript, JavaScript, and Dart]

</ref>

Con l'aumento della complessità e delle dimensioni dei progetti web, JavaScript ha iniziato a mostrare limiti intrinseci in termini di scalabilità, sicurezza e [[manutenibilità]] del codice. Queste problematiche erano sentite sia dai team di sviluppo interni di Microsoft sia dalla [[comunità virtuale]] di sviluppatori esterni e clienti che richiedevano strumenti più solidi.

La mancanza di funzionalità avanzate, come il controllo statico dei tipi, la gestione degli errori e la [[Programmazione modulare|modularizzazione]], rendeva difficoltoso il mantenimento e l'evoluzione dei grandi ''[[codebase]]'' JavaScript.

TypeScript è stato concepito per colmare questa lacuna, offrendo un ''superset'' di JavaScript che introduce caratteristiche tipiche dei linguaggi di programmazione [[Tipizzazione forte|fortemente tipizzati]], garantendo un ambiente di sviluppo più sicuro e affidabile.

== Caratteristiche ==

Line 30 ⟶ 32:

* [[Interfaccia (informatica)|Interfacce]]

* [[Modulo (programmazione)|Moduli]]

* Operatore "<code>=>"</code> che permette di definire le ''fat-arrow''[[funzioni functionanonime]]

* Tipi di dato (opzionali)

* Enumerazioni

* Tipo Enum

* ''Mixin'' tra classi

Da un punto di vista semantico TypeScript è molto simile a [[JScript .NET]], un'altra implementazione dello [[Norma tecnica|standard]] ECMA-262 di Microsoft.

=== Annotazione tipizzata ===

TypeScript prevede un sistema di annotazione dei tipi, che consente di controllare i tipi durante la fase di [[compilazione]]. Questa caratteristica può essere ignorata se si vuole utilizzare la classica [[tipizzazione dinamica]] di JavaScript.

function add(left: number, right: number): number {

return left + right;

}

<syntaxhighlight lang="typescript" line="1" copy=1>

Le annotazioni disponibili per i tipi primitivi sono: <code>number</code>, <code>bool</code> e <code>string</code>. Debolmente o fortemente tipizzati, le strutture sono di tipo <code>any</code> (qualunque).

function add(left: number, right: number): number {

return left + right;

}

</syntaxhighlight>

Le annotazioni disponibili per i tipi primitivi sono: <code>{{Codice|codice=number</code>|linguaggio=TypeScript}}, <code>bool</code>{{Codice|codice=boolean|linguaggio=TypeScript}} e <code>{{Codice|codice=string</code>|linguaggio=TypeScript}}. [[Tipizzazione debole|Debolmente]] o fortemente tipizzati, le strutture sono di tipo <code>any</code> (qualunque).

Le annotazioni di tipo possono essere esportate in un ''file di dichiarazione'' (''declarations file'' in inglese), per dare informazioni sui tipi a script TypeScript che usano librerie di supporto come, per esempio, [[Node.js]] e [[jQuery]].

=== Supporto per ECMAScript 6 ===

Le annotazioni di tipo possono essere esportate in un ''file di dichiarazione'' (''{{Inglese|declarations file'' in inglese}}), per dare informazioni sui tipi a script TypeScript che usano [[Libreria (software)|librerie]] di supporto come, per esempio, [[Node.js]] e [[jQuery]].

TypeScript aggiunge il supporto per le caratteristiche proposte nella versione ''Harmony'' di JavaScript<ref> [https://web.archive.org/web/20130809152146/http://wiki.ecmascript.org/doku.php?id=harmony:proposals features proposed]</ref> presenti nello standard ECMAScript 6.

È possibile aggiungere annotazioni complesse all'inizializzazione di una variabile.<syntaxhighlight lang="typescript" line="1" copy=1>

I costrutti supportati sono:

public structure: { name: string, age: number, salary: number, contact: string | number } = {

name: 'Mario',

age: 42,

salary: 1300,

contact: 2+'000'

}

</syntaxhighlight>

=== Supporto per ECMAScript 6 ===

* Classi (con ereditarietà)

TypeScript aggiunge il supporto per le caratteristiche proposte nella versione ''Harmony'' di JavaScript<ref> [{{Cita web|url=https://web.archive.org/web/20130809152146/http://wiki.ecmascript.org/doku.php?id=harmony:proposals|titolo=harmony:proposals features[ES proposedWiki]|sito=web.archive.org|data=9 agosto 2013}}</ref> presenti nello standard [[ECMAScript 6]].

I costrutti supportati sono:

* [[Classe (informatica)|Classi]] (con [[Ereditarietà (informatica)|ereditarietà]])

* Moduli

* Sintassi per le arrowfunzioni function (=>)anonime

Ancora prima che lo standard venisse definito appieno, Microsoft aveva dichiarato di voler continuare a sviluppare le caratteristiche di TypeScript mantenendole allineate con lo standard proposto.

Line 60 ⟶ 73:

TypeScript supporta le classi come definite nello standard ECMAScript 6, integrando il supporto per le annotazioni tipizzate.

<syntaxhighlight lang="JavaScripttypescript" line="1" copy=1>

class Person {

private name: string;

private age: number;

private salary: number;

constructor(private name: string, age: number, salary: number) {

this.name = name;

this.age = age;

this.salary = salary;

Line 73 ⟶ 84:

toString(): string {

return `Name: ${this.name}, + "Age: (" + ${this.age + "})", +Salary: "("+ ${this.salary +"})"`;

}

}

Line 79 ⟶ 90:

== Cronologia delle versioni ==

{{Aggiornare|argomento=informatica}}

{| class="wikitable sortable"

!Numero della versione

!Data di rilasciopubblicazione

!Cambiamenti significativi

|-

Line 102 ⟶ 114:

|1.3

|12 novembre 2014

|<code>{{Codice|codice=protected</code>|linguaggio=TypeScript}}, tipi di tupla

|-

|1.4

|20 gennaio 2015

|tipi unione, dichiarazioni <code>{{Codice|codice=let</code>|linguaggio=TypeScript}} e <code>{{Codice|codice=const</code>|linguaggio=TypeScript}}, stringhe di modello, tipo di guardie, di tipo alias

|-

|1.5

|20 luglio 2015

|Moduli ES6, parola chiave <code>namespace</code>, supporto <code>{{Codice|codice=for..of</code>|linguaggio=TypeScript}}, decoratori

|-

|1.6

Line 118 ⟶ 130:

|1.7

|30 novembre 2015

|{{Codice|codice=async|linguaggio=TypeScript}} e {{Codice|codice=await|linguaggio=TypeScript}}

|<code>async</code>e <code>await</code>

|-

|1.8

Line 126 ⟶ 138:

|2.0

|22 settembre 2016

|Tipi consapevoli di null e undefined, analisi del tipo basata sul flusso di controllo, tipi di unione discriminati, <code>never</code>{{Codice|codice=async|linguaggio=TypeScript}}, parola chiave <code>{{Codice|codice=readonly</code>|linguaggio=TypeScript}}, <code>{{Codice|codice=this</code>|linguaggio=TypeScript}}

|-

|2.1

Line 138 ⟶ 150:

|2.3

|27 aprile 2017

|<code>{{Codice|codice=async</code>|linguaggio=TypeScript}}, valori predefiniti dei parametri generici, opzione rigorosa

|-

|2.4

Line 174 ⟶ 186:

|3.2

|30 novembre 2018

|controlli più severi per <code>bind</code>, <code>call</code> e <code>apply</code>

|-

|3.3

Line 182 ⟶ 194:

|3.4

|29 marzo 2019

|build incrementali più veloci, inferenza del tipo da funzioni generiche, modificatore di sola lettura{{Codice|codice=readonly|linguaggio=TypeScript}} per array, asserzioni {{Codice|codice=const|linguaggio=TypeScript}}, controllo del tipo globale <code>{{Codice|codice=this</code>|linguaggio=TypeScript}}

|-

|3.5

Line 189 ⟶ 201:

|-

|3.6

|Il 28 agosto 2019

|Generatori più rigidi, diffusione dell'array più accurata, migliore supporto Unicode per gli identificatori

|-

|3.7

|Il 5 novembre 2019

|Concatenamento opzionale, coalescenza nullo

|-

Line 205 ⟶ 217:

|-

|4.0

|Il 20 agosto 2020

|Tipi di tupla variabili, elementi di tupla etichettati

|-

Line 219 ⟶ 231:

|1 luglio 2021

|Analisi del flusso di controllo delle condizioni con alias

|-

|4.4

|26 agosto 2021

|Default tipo unknown per il catch degli errori. Tipi unione resi esattamente come scritti. Blocchi statici all'interno delle classi.

|}

== Note ==

<references/>

== Altri progetti ==

{{interprogetto}}

== Collegamenti esterni ==