BabelのLearn ES6を学んでいく（２ #JavaScript

https://babeljs.io/docs/learn-es6/#default-rest-spread
前回に引き続きBabelのLearn ES6で新しいJavaScriptを学んでいきます。なにか間違いありましたらご指摘いただけると助かります。

Default + Rest + Spread

引数にデフォルト値を指定できますfunction f(x=0)
可変長引数がサポートされますfunction f(x, ...y)
呼び出し時、引数に配列をマッチングできますfunction f(x,y,z){}; f(...[1,2,3])
例：http://www.es6fiddle.net/i89ltam3/

Let + Const

新しい宣言文が追加されます
let : varと異なり同スコープ中で再宣言できません
const : 定数であり再代入できません

//可能
var x=0;
var x=1:

//不可
let x=0;
let x=1:

//不可
const x=0
x=1

Iterators + For..Of

自作可能なイテレータが導入されました
for(var x of iterable ){}のように使用します
イテレーターのインターフェースは以下のようになります。
オブジェクトIterableは[Symbol.iterator]メソッドをもち、Iteratorを返します
Iteratorはnextメソッドをもち、IteratorResult を返します。
IteratorResult はvalueプロパティとdoneプロパティを持ち、値と終了判定フラグを返します。
例：http://www.es6fiddle.net/i89mkv62/

interface IteratorResult {
  done: boolean;
  value: any;
}
interface Iterator {
  next(): IteratorResult;
}
interface Iterable {
  [Symbol.iterator](): Iterator
}

Generators

イテレータを簡素化するためにジェネレータが用意されています
ジェネレータはfunction*とyieldを使用します
function*で定義されたfunctionはジェネレータを返します
ジェネレータはnextとthrowをもつイテレータのサブタイプです。
function*内ではyieldを用い、値を返します。
例：http://www.es6fiddle.net/i89n7uh9/

Unicode

ユニコード文字をサポートします
RegExpにuオプションがサポートされます
例：http://www.es6fiddle.net/i89nyko4/

Modules

モジュールがサポートされます
モジュール側はexportを、呼び出し側はimportを使用します
モジュール側はexportをclass, function, var などの頭につけることで外部に公開できます
呼び出し側はimport * as <name> from <module>することでmoduleがexportしたメンバをもつnameオブジェクトを使用できます
分解代入を使用しimport {<member1>,<member2>} from <module>のように必要なメンバのみ取得することも可能です
module側はexport defaultを使用することでasを使用せずimport <name> from <module>でデフォルトの関数等を指定できます
defaultを使用した場合、import * as from `のnameオブジェクトにdefaultは含まれません
defaultと通常のexportを両用したモジュールの場合、import <name1>, * as <name2> from <module>または`import , {, as from のように記述できます
moduleはexport * from <another_module>により別モジュールを自身のメンバのように公開することができます

lib/math.js

export function sum(x, y) {
  return x + y;
}
export var pi = 3.141593;

lib/mathplusplus.js

export * from "./math";
export var e = 2.71828182846;
export default function(x) {
    return Math.exp(x);
}

script.js

import exp,{e,pi} from "./lib/mathplusplus";
console.log(e)
console.log("e^pi = " + exp(pi));

result.

C:\workspace\babel>babel-node script.js
2.71828182846
e^pi = 23.14070064895278

Module Loaders

動的なモジュールローダがサポートされます
npm install systemjs traceurが必要です

import System from 'systemjs'

System.import("./lib/math").then(function(m) {
  console.log("2π = " + m.sum(m.pi, m.pi));
});

今回はここまで。3分の2くらい終わりました。次回