21.04.04 TIL ES6

知らず知らずのうちにES 6文法がたくさん使われていました.その中に、あまり使わない(知らない)とか、後でよく使う内容を書きます.

矢印関数

関数の可読性を向上させるために、

概念がES 6から導入された.

const add1 = function(x, y) {
	return x + y;
}

const add2 = (x, y) => {
	return x + y;
}

const add3 = (x, y) => x + y;

add 1,add 2,add 3関数はいずれも同じ意味を有し,いずれもx+yを返す関数である.より直感的で簡潔に見えます.
なお、パラメータが1つしかない場合は、以下の例のように括弧を省略してもよい.

const square = x => x ** 2;

構造分解の割り当て

定義

MDN:JavaScript式

で、配列またはオブジェクトのプロパティを分解して、その値を各変数に含めることができます.

?

どういう意味か分からないときの例が答えです!

let a, b, rest; // 참고로 const로 선언 시엔 이렇게 할당 없이 변수명만 선언하는 것은 불가능하다.
// let은 재할당이 가능해서 이렇게 쓸 수 있는 것. 
1. [a, b] = [10, 20];

	console.log(a); // 10
	console.log(b); // 20

2. [a, b, ...rest] = [10, 20, 30, 40, 50];

	console.log(rest); // [30, 40, 50]

3. {a, b, ...rest} = {a: 10, b: 20, c: 30, d: 40};

	console.log(a); // 10
	console.log(rest); // {c: 30, d: 40}