Node.js
Node.jsを含むECMAScript 2015（ES6）

const / let宣言

varとは異なり、 const / letは関数スコープではなくレキシカルスコープにバインドされています。

{
  var x = 1 // will escape the scope
  let y = 2 // bound to lexical scope
  const z = 3 // bound to lexical scope, constant
}

console.log(x) // 1
console.log(y) // ReferenceError: y is not defined
console.log(z) // ReferenceError: z is not defined

RunKitで実行

矢印機能

矢印関数は、自動的に周囲のコードの 'this'レキシカルスコープにバインドされます。

performSomething(result => {
  this.someVariable = result
})

対

performSomething(function(result) {
  this.someVariable = result
}.bind(this))

矢印機能の例

数字3,5、および7の2乗を出力するこの例を考えてみましょう。

let nums = [3, 5, 7]
let squares = nums.map(function (n) {
  return n * n
})
console.log(squares)

RunKitで実行

.map渡されたfunctionは、 functionキーワードを削除し、代わりに矢印=>追加することによって、矢印関数として記述することもできます。

let nums = [3, 5, 7]
let squares = nums.map((n) => {
  return n * n
})
console.log(squares)

RunKitで実行

しかし、これはさらに簡潔に書くことができます。関数本体が1つのステートメントのみで構成され、そのステートメントが戻り値を計算する場合は、関数本体を折り返す中括弧とreturnキーワードを取り除くことができます。

let nums = [3, 5, 7]
let squares = nums.map(n => n * n)
console.log(squares)

RunKitで実行

破壊

    let [x,y, ...nums] = [0, 1, 2, 3, 4, 5, 6];
console.log(x, y, nums);

let {a, b, ...props} = {a:1, b:2, c:3, d:{e:4}}
console.log(a, b, props);

let dog = {name: 'fido', age: 3};
let {name:n, age} = dog;
console.log(n, age);

フロー

/* @flow */

function product(a: number, b: number){
  return a * b;
}

const b = 3;
let c = [1,2,3,,{}];
let d = 3;

import request from 'request';

request('http://dev.markitondemand.com/MODApis/Api/v2/Quote/json?symbol=AAPL', (err, res, payload)=>{
  payload = JSON.parse(payload);
  let {LastPrice} = payload;
  console.log(LastPrice);
});

ES6クラス

class Mammel {
  constructor(legs){
    this.legs = legs;
  }
  eat(){
    console.log('eating...');
  }
  static count(){
    console.log('static count...');
  }
}

class Dog extends Mammel{
  constructor(name, legs){
    super(legs);
    this.name = name;
  }
  sleep(){
    super.eat();
    console.log('sleeping');
  }
}

let d = new Dog('fido', 4);
d.sleep();
d.eat();
console.log('d', d);