BT

TypeScript 1.5 : Modules, Décorateurs, Plugin Sublime Text et Plus

| par Abel Avram Suivre 10 Abonnés , traduit par Nicolas Frankel Suivre 7 Abonnés le 08 avr. 2015. Durée de lecture estimée: 1 minute |

Microsoft a livré TypeScript 1.5 alpha, intégrant un certain nombre de nouvelles fonctionnalités telles que les modules, les décorateurs, un plugin pour Sublime Text, les boucles for..of, l'Unicode ES6, les propriétés calculées et la compilation de let/const pour ES5.

L'une des fonctionnalités les plus attendues sont les modules, et TypeScript 1.5 les a inclus tels qu'ils sont définis dans ES6, y compris l'import/export par défaut. L'extrait suivant montre comment utiliser les modules :

// math.ts
export function add(xy) { return x + y }
export function subtract(xy) { return x – y }
export default function multiply(xy) { return x * y }

// main.ts
import {add, subtract} from "math";
import times from "math";

ou l'import de l'intégralité :

// main.ts
import * as Math from "math";

Bien que Microsoft supporte les modules externes existants, ils encouragent les développeurs à "utiliser la syntaxe de module d'ES6 qui est plus puissante".

Une nouvelle fonctionnalité de TypeScript disponible en preview sont les Décorateurs, une proposition d'ES7 et un "super-ensemble strict des capacités des annotations de méta-données", selon Yehuda Katz, champion de la proposition des Décorateurs. L'extrait suivant est un exemple d'utilisation de décorateurs pour mémoriser une paire d'accesseurs :

class Person {
  @memoize
  get name() { return `${this.first} ${this.last}` }

  set name(val) {
    let [first, last] = val.split(' ');
    this.first = first;
    this.last = last;
  }
}

Microsoft a développé un plugin Sublime Text pour permettre aux développeurs de créer, formater et refactorer du code TypeScript avec cet éditeur. Sublime Text 2 et 3 sont supportés sur Linux, OS X et Windows.

Les autres fonctionnalités ajoutées à TypeScript 1.5 sont : les boucles for..of, l'Unicode ES6, les propriétés calculées et la compilation let/const pour ES5.

Evaluer cet article

Pertinence
Style

Bonjour étranger!

Vous devez créer un compte InfoQ ou cliquez sur pour déposer des commentaires. Mais il y a bien d'autres avantages à s'enregistrer.

Tirez le meilleur d'InfoQ

Donnez-nous votre avis

Html autorisé: a,b,br,blockquote,i,li,pre,u,ul,p

M'envoyer un email pour toute réponse à l'un de mes messages dans ce sujet
Commentaires de la Communauté

Html autorisé: a,b,br,blockquote,i,li,pre,u,ul,p

M'envoyer un email pour toute réponse à l'un de mes messages dans ce sujet

Html autorisé: a,b,br,blockquote,i,li,pre,u,ul,p

M'envoyer un email pour toute réponse à l'un de mes messages dans ce sujet

Discuter

Se connecter à InfoQ pour interagir sur ce qui vous importe le plus.


Récupérer votre mot de passe

Follow

Suivre vos sujets et éditeurs favoris

Bref aperçu des points saillants de l'industrie et sur le site.

Like

More signal, less noise

Créez votre propre flux en choisissant les sujets que vous souhaitez lire et les éditeurs dont vous désirez suivre les nouvelles.

Notifications

Restez à jour

Paramétrez vos notifications et ne ratez pas le contenu qui vous importe

BT