1. kazusa-qooq

    Posted

    kazusa-qooq
Changes in title
+BabelのLearn ES6を学んでいく(1
Changes in tags
Changes in body
Source | HTML | Preview
@@ -0,0 +1,45 @@
+https://babeljs.io/docs/learn-es6/
+Aurelia のチュートリアルで触る機会があり、気になったので勉強していきます。http://www.es6fiddle.net/ で動かせるみたいなんで実際にやりながら見ていきます。
+
+#Learn ES6
+##Introduction
+ECMAScript6をつぎのECMAScriptのスタンダードであり、2015/6に裁可の予定です。2009年のES5以降の大幅なアップデートになります。メジャーなJavascriptエンジンでは実装が[進んでいます](http://kangax.github.io/es5-compat-table/es6/)。
+
+##ECMAScript 6 Features
+###Arrows
+* `=>`はfunctionのショートカットです。
+* C#,JAVA8,CoffeeScriptなどと似ています。
+* 式とステートメントの両方をサポートしています。
+* functionと異なり、thisは定義したオブジェクトと同じになります。
+* 例:http://www.es6fiddle.net/i89eeoyf/
+
+###Classes
+* class宣言が用意されました
+* 継承がサポートされsuperが使えます
+* staticメソッドがサポートされます
+* 例:http://www.es6fiddle.net/i89f4ngk/
+
+###Enhanced Object Literals
+* Objectリテラルの文法が更新されました
+* プロトタイプ`__proto__`がサポートされました
+* ショートカットが追加されました
+* `foo: foo`を`foo`のみで定義できます
+* `foo: function(){}`を`foo(){}`のみで定義できます
+* プロパティ名を[]で囲むことで動的に定義できるようになりました
+* 例:http://www.es6fiddle.net/i89g5jq0/
+
+###Template Strings
+* 埋め込み文字がサポートされました
+* バッククォートで文字列を囲みます
+* 改行可能です
+* 変数を埋め込む場合`${foo}`のようにします
+* 例:http://www.es6fiddle.net/i89gnp7f/
+
+###Destructuring
+* 分解代入`var [a, , b] = [1,2,3];`がサポートされました
+* デフォルト値の指定`var [a = 1] = [];`が可能です
+* オブジェクトの分解`var { op: a, lhs: { op: b }, rhs: c } = getASTNode()`も可能です
+* 関数の引数`function g({name: x}) {`にも適応可能です。
+* 例:http://www.es6fiddle.net/i89h7790/
+
+今回はここまで。全体の3分の1くらいですね。