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
矢印機能
矢印関数は、自動的に周囲のコードの '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)
.map
渡されたfunction
は、 function
キーワードを削除し、代わりに矢印=>
追加することによって、矢印関数として記述することもできます。
let nums = [3, 5, 7]
let squares = nums.map((n) => {
return n * n
})
console.log(squares)
しかし、これはさらに簡潔に書くことができます。関数本体が1つのステートメントのみで構成され、そのステートメントが戻り値を計算する場合は、関数本体を折り返す中括弧とreturn
キーワードを取り除くことができます。
let nums = [3, 5, 7]
let squares = nums.map(n => n * n)
console.log(squares)
破壊
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);
Modified text is an extract of the original Stack Overflow Documentation
ライセンスを受けた CC BY-SA 3.0
所属していない Stack Overflow