ES6 Cheatsheet

アロー関数

const sum = ( a, b ) => {
    return a + b;
};

console.log( sum( 1, 2 ) ); // => 3

関数のデフォルト引数

function sum( a = 5 ) {
    return a + a;
}

console.log( sum() ); // => 10
console.log( sum( 10 ) ); // => 20

letスコープ

let a = 5;
console.log( a ); // => 5

a = 10; // 再代入する
console.log(a); // => 10

let a = 15; // 再宣言するとエラーになる

const

const a = 5;
console.log( a ); // => 5

a = 10; // 再代入するとエラーになる

複数行文字列

console.log(`Hello
World
`); // => Hello
    // => World

テンプレート文字列

const name = 'hoge';
const message = `Hello ${name}!`;

console.log( message ); // Hello hoge!

スプレッド演算子

const a = [ 1, 2 ];
const b = [ 3, 4 ];

const c = [ ...a, ...b ];
console.log( c ); // => [1, 2, 3, 4]





この記事が気に入ったらサポートをしてみませんか?