Voir la source de Typescript

[[Category:Javascript]]
= Description =
Superset de Javascript, ajoute de nouvelles fonctionnalités.
* ajoute la vérification de type
* génère du JS

= Classe =
<kode lang='ts'>
class MyClass {
    public myField:number = 0;

    get myProperty() {
        return this.myField;
    }
    set myProperty(val) {
        this.myField = val;
    }

    // créé un champs myField2 et l'instancie à la contruction
    constructor(private myField2:number) {
    }

    public myFunction(param1:string):boolean {
        return true;
    }
}

let myObject = new MyClass();
myObject.myField = 1;
</kode>

== Property has no initializer and is not definitely assigned in the constructor ==
Changer la configuration de typescript.
<filebox fn='tsconfig.json'>
{
  "compilerOptions": {
    "strictPropertyInitialization": false
</filebox>

<kode lang='ts'>
// initialiser
myString: string = "";

myString!: string;

myString: string | undefined;
</kode>

= [https://www.typescriptlang.org/docs/handbook/basic-types.html Basic Types] =
<kode lang='ts'>
let isDone: boolean = false;

let decimal: number = 6;

let color: string = "blue";

let today: Date = new Date();

let notSure: any = 4;
</kode>

= Array / Tableau =
<kode lang='ts'>
let list: number[] = [1, 2, 3];

// ajouter un élément
list.push(4);

// insérer un élément à un index donné
list.splice(index, 0, 100)

// supprimer un élément
const index = list.indexOf(key, 0);
if (index > -1) {
   list.splice(index, 1);
}
</kode>

= [https://www.typescriptlang.org/docs/handbook/iterators-and-generators.html for] =
<kode lang='ts'>
for (let item of items) { }
</kode>

= [https://www.tutorialspoint.com/typescript/typescript_nested_if_statements.htm if else] =
<kode lang='ts'>
if () {

} else if () {

} else {

}
</kode>

= Import / Export =
<filebox fn='MyClass.ts'>
export class MyClass { }
</filebox>

<filebox fn='main.ts'>
import { MyClass } from "./MyClass";
</filebox>

= Compilation =
<filebox fn='tsconfig.json'>
{
    "include": [ "wwwroot/ts/**/*.ts" ],
    "compilerOptions": {
        "target": "es5",
        "sourceMap": true
    }
}
</filebox>

= Ligne de commande =
<kode lang='bash'>
# permet d'utiliser tsc
npm install -g typescript

# génère un fichier my-script.js
tsc my-script.ts

# exécution du code
node my-script.ts
</kode>