JavaScript ES6構文クイズ - プレイ中

1 第1問

ES6で導入されたテンプレートリテラルに関する記述として、正しいものはどれですか？

A シングルクォート `'` またはダブルクォート `"` で囲む。

B 変数を埋め込むには `{{variable}}` の構文を使用する。

C 複数行の文字列を簡単に記述できる。

D 式の評価はできない。

2 第2問

次のコードを実行したとき、`b` の値は何になりますか？ ```javascript const arr = [10, 20, 30]; const [a, b] = arr; ```

A `[10, 20, 30]`

B `10`

C `20`

D `undefined`

3 第3問

次のコードを実行したとき、`newArr` の値は何になりますか？ ```javascript const arr1 = [1, 2]; const arr2 = [3, 4]; const newArr = [...arr1, ...arr2, 5]; ```

A `[[1, 2], [3, 4], 5]`

B `[1, 2, 3, 4, 5]`

C `[1, 2, [3, 4], 5]`

D `[5, 1, 2, 3, 4]`

4 第4問

次の関数 `greet` を呼び出したとき、`message` の値は何になりますか？ ```javascript function greet(name, greeting = "Hello") { return `${greeting}, ${name}!` } const message = greet("Alice"); ```

A `"Hello, Alice!"`

B `"undefined, Alice!"`

C `"Hello"`

D `"Alice"`

5 第5問

ES6で導入された `class` 構文に関する記述として、誤っているものはどれですか？

A `class` は、JavaScriptのプロトタイプベースの継承を糖衣構文 (syntactic sugar) で表現したもの。

B `constructor` メソッドは、クラスのインスタンスが作成されるときに呼び出される。

C `class` 宣言は、巻き上げ (hoisting) される。

D `extends` キーワードを使用してクラスの継承を定義できる。

6 第6問

`myModule.js` から `myFunction` という名前付きエクスポートをインポートする正しい構文はどれですか？

A `import myFunction from './myModule.js';`

B `import { myFunction } from './myModule.js';`

C `require('./myModule.js').myFunction;`

D `import * as myFunction from './myModule.js';`

7 第7問

`const` キーワードで宣言された変数に関する記述として、正しいものはどれですか？

A 宣言後に値を再代入できる。

B 宣言時に初期化する必要はない。

C ブロックスコープを持つ。

D オブジェクトや配列の場合、その中身を変更することはできない。

8 第8問

次のES6のオブジェクトリテラル構文で、`obj` の値は何になりますか？ ```javascript const name = "Alice"; const age = 30; const obj = { name, age, greet() { return `Hello, ${this.name}!`; } }; ```

A `{ name: "Alice", age: 30, greet: [Function: greet] }`

B `{ "name": "Alice", "age": 30, "greet": "Hello, Alice!" }`

C `{ name: "Alice", age: 30, greet: function() { return "Hello, Alice!"; } }`

D `{ name: "Alice", age: 30, greet: () => "Hello, Alice!" }`

9 第9問

配列の分割代入に関する記述として正しいものはどれですか？

A const [a, b] = {a: 1, b: 2};

B const [a, , c] = [1, 2, 3, 4]; console.log(c); // 実行結果: 3

C const [a, b, ...c] = 1, 2, 3;

D const [a, b] = [1]; console.log(b); // 実行結果: 1

10 第10問

次のJavaScriptコードの実行結果として正しいものはどれですか？ ```javascript const arr1 = [1, 2]; const arr2 = [3, 4]; const combined = [...arr1, 0, ...arr2]; console.log(combined); ```

A [[1, 2], 0, [3, 4]]

B [1, 2, 0, 3, 4]

C [1, 2, [0], 3, 4]

D [arr1, 0, arr2]