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

1 第1問

次のJavaScriptコードにおいて、`console.log(y)`がエラーとなるのはどれですか？

A var x = 10; console.log(x);

B let y = 20; if (true) { let y = 30; } console.log(y);

C if (true) { let y = 20; } console.log(y);

D const z = 40; console.log(z);

2 第2問

次のコードを実行した際、`obj.greet()`の出力として正しいものはどれですか？

A "Hello, Alice"

B "Hello, undefined"

C "Hello, [object Object]"

D エラーが発生する

3 第3問

次のコードを実行した際、`console.log(x, y)`の出力として正しいものはどれですか？ ```javascript const person = { name: "Charlie", age: 25, city: "New York" }; const { name: x, age: y } = person; console.log(x, y); ```

A "Charlie", 25

B "name", "age"

C undefined, undefined

D エラーが発生する

4 第4問

次のコードを実行した際、`arr3`の値として正しいものはどれですか？ ```javascript const arr1 = [1, 2]; const arr2 = [3, 4]; const arr3 = [...arr1, ...arr2, 5]; ```

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

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

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

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

5 第5問

次のJavaScriptコードを実行した際、`add(5)`の出力として正しいものはどれですか？ ```javascript function add(a, b = 10) { return a + b; } console.log(add(5)); ```

A 5

B 10

C 15

D エラーが発生する

6 第6問

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

A `class`はJavaScriptのプロトタイプベースの継承に対するシンタックスシュガーである。

B `class`内で定義されたメソッドは、自動的にプロトタイプに追加される。

C `constructor`メソッドは、クラスのインスタンスが作成されるときに実行される。

D `class`は、従来の関数コンストラクタとは異なり、ホイストされない。

7 第7問

`utils.js`ファイルで`export const PI = 3.14;`と定義されている定数を、別のファイルでインポートする正しい構文はどれですか？

A `import PI from './utils.js';`

B `import { PI } from './utils.js';`

C `require('./utils.js').PI;`

D `import * as PI from './utils.js';`

8 第8問

次のPromiseコードを実行した際、`console.log`の出力として正しいものはどれですか？ ```javascript const myPromise = new Promise((resolve, reject) => { setTimeout(() => { resolve("Success!"); }, 100); }); myPromise.then((message) => { console.log(message); }); ```

A 何も出力されない

B "Success!"

C エラーが発生する

D `Promise { <pending> }`

9 第9問

次のES6のオブジェクトリテラルについて、`obj.x`と`obj.b()`の出力として正しい組み合わせはどれですか？ ```javascript const x = 10; const obj = { x, b() { return this.x * 2; } }; console.log(obj.x); console.log(obj.b()); ```

A 10, 20

B "x", 20

C 10, undefined

D エラーが発生する

10 第10問

次のJavaScriptコードを実行した際、コンソールに表示される結果として正しいものを選びなさい。 ```javascript const user = { name: 'Alice', age: 30, city: 'New York' }; const { name, age } = user; console.log(`${name} is ${age} years old.`); ```

A "Alice is undefined years old."

B "Alice is 30 years old."

C "undefined is 30 years old."

D TypeError: Cannot read properties of undefined (reading 'name')