More than 5 years have passed since last update.

JSでとまどったやつ【WIP】

Posted at 2019-03-19

おもに【ECMAScript6の新機能 - Qiita】の記事を読み進めるにあたって、自身が今まで曖昧に理解していたものをピックアップ。

今後も追記するかどうかはその時の気分とか余裕度によって。

`{ [ 'prop_' + (() => 42)() ]: 42 }`

計算結果をプロパティ名にできる。

const obj = { [ 'prop_' + (() => 42)() ]: 42 }
const obj.prop_42; // => 42

メソッド名にも使用できる。

const a = 'hello';
const obj = {
  [a]() {
    console.log('this is hello');
  }
};
obj.hello(); // => 'this is hello'

変数名とkey名が一緒なら省略可能。

const something = 'hello';
const obj = {something };
obj.something; // => 'hello'

スプレッド演算子。
関数の引数で使ったら配列で受けるやつ。
呼び出す側でつかったら配列を引数に展開するやつ。

function f(a, ...b) {
  console.log(a); // => 1
  console.log(b); // => [2, 3]
}

f(...[1,2,3]);

無限ループ。
きちんとbreakすること。

function* 宣言 (末尾にアスタリスクが付いたfunctionキーワード)は、 Generator オブジェクトを返すジェネレーター関数を定義します。