Transpilatory ES6

Aby pisać kod w ES6 bez obawy o wsparcie przegląd należy skorzystać z translipatora. Jest to narzędzie, które nasz kod napisany w ES6 zamienia na przyjazny, obsługiwany przez wszystkie przeglądarki kod ES5.

ES6 -> transpilator -> ES5

Mamy do wyboru kilka opcji:

• BabelJS,
• Traceur.js,
• TypeScript.

Na czym polega transpilacja?

Piszemy kod wykorzystując składnię ES6.

let name = 'John Doe';

function greet (name = 'Jane Doe') {
    return `My name is ${name}.`;
}

console.log(greet(name)); // -> 'My name is John Doe.'
console.log(greet());     // -> 'My name is Jane Doe.'

Transpilator tłumaczy nasz kod na ES5.

var name = 'John Doe';

function greet (name) {
    if (name === undefined) { name = 'Jane Doe'; };
    return 'My name is ' + name + '.';
}

console.log(greet(name)); // -> 'My name is John Doe.'
console.log(greet());     // -> 'My name is Jane Doe.'

Przykłady działania

• let, parametry domyślne, łańcuchy szablonowe - BabelJS,

• klasy, metody, właściwości - BabelJS,

• TypeScript.

Źródła

• http://shebang.pl/artykuly/es6-babel-broccoli/