JavaScript基礎・実践 問題集

再代入が不可能な変数を宣言するキーワードは？

letやconstで宣言された変数のスコープは？

JavaScriptにおける「巻き上げ（Hoisting）」とは？

厳密等価演算子（===）と等価演算子（==）の違いは？

JavaScriptのプリミティブ型に含まれないものは？

JavaScriptで「偽値（falsy）」と判定されないものは？

値の型を文字列で返す演算子は？

JavaScriptで 0 == "" を評価した結果として正しいものはどれか。

厳密等価演算子（===）と等価演算子（==）の違いは？

JavaScriptのNull合体演算子（??）は、左辺の値がどのような場合に右辺の値を返しますか？

オプショナルチェイニング（?.）の利点は？

値の型を文字列で返す演算子は？

JavaScriptで 0 == "" を評価した結果として正しいものはどれか。

&& と || の短絡評価。「左がfalseなら右を見ない」のはどっち？

アーリーリターンのメリットとして当てはまらないものは？

&& と || の短絡評価。「左がfalseなら右を見ない」のはどっち？

アロー関数の特徴として正しいのは？

関数の引数で「残りの引数すべて」を配列として受け取る構文は？

他の関数に引数として渡される関数の呼称は？

スクロールやリサイズなどの頻繁なイベント実行を制限する手法は？

「副作用がある関数」とは、何をしている関数のこと？

JavaScriptのアロー関数が、通常の function で定義した関数と異なる点はどれですか？

アロー関数の特徴として正しいのは？

次のJavaScriptコードで、obj.greet() を実行した場合の出力はどれか？ const obj = { name: 'Alice', greet: () => { console.log(`Hello, ${this.name}`); } };

JavaScriptのアロー関数が、通常の function で定義した関数と異なる点はどれですか？

JavaScriptのクロージャ（Closure）について、次のコードの出力結果として正しいものはどれか？ function counter() { let count = 0; return function() { count++; return count; }; } const increment = counter(); console.log(increment()); console.log(increment());

Array.prototype.map()の動作として正しいのは？

filter()の用途として正しいのは？ （MDN Web Docsなどのドキュメントでは Array.prototype.filter() と表記されていますが、基本的に実際のコードでは配列に対して .filter() と書きます）

Array.prototype.reduce()の主な目的として、最も適切なものはどれか？

Array.from() の説明として、最も適切なものはどれですか？

次のコードの出力として正しいものはどれですか？ const result = Array.from("ABC", (char) => char.toLowerCase()); console.log(result);

テンプレートリテラルの正しい構文は？

次のコードの出力として正しいものはどれですか？ const result = Array.from("ABC", (char) => char.toLowerCase()); console.log(result);

オプショナルチェイニング（?.）の利点は？

オブジェクトのプロパティ名と変数名が同じ場合に省略できる記法は？

JavaScriptで、オブジェクトのインスタンスをキーとして値を紐付け、そのオブジェクトが同一参照であれば値を取得できるデータ構造はどれか。

JavaScriptの分割代入（Destructuring Assignment）が特に便利なケースとして、最も適切なものはどれか？

JavaScriptのスプレッド構文（...）の主な用途として、最も適切なものはどれか？

関数の引数で「残りの引数すべて」を配列として受け取る構文は？

重複した値を持たないコレクションを作成するオブジェクトは？

JavaScriptで、オブジェクトのインスタンスをキーとして値を紐付け、そのオブジェクトが同一参照であれば値を取得できるデータ構造はどれか。

Web APIから受け取った「JSON形式の文字列データ」を、JavaScriptのプログラム内で扱いやすい「オブジェクト（または配列）」に変換するために使用するメソッドはどれですか？

JavaScriptのクラスでコンストラクタを定義するメソッド名は？

ES Modules（ESM）は何のための仕組みですか？

ES Modulesで export は何をするために使いますか？

webpackは何をするためのツールですか？

webpackとViteについて正しい説明はどれですか？

JavaScriptのESモジュールにおける export default（デフォルトエクスポート）の仕様として正しい説明はどれですか？

次のJavaScriptコードの実行順序として正しいものはどれか？ async function fetchData() { console.log('A'); const result = await Promise.resolve('B'); console.log(result); } console.log('C'); fetchData(); console.log('D');

JavaScriptのPromiseが持つ3つの状態（state）の正しい組み合わせはどれか？

fetch()の戻り値は何？

一定時間後に一度だけ処理を実行する関数は？

他の関数に引数として渡される関数の呼称は？

次のコードを実行したとき、コンソールに出力される順序として正しいものはどれですか？ <pre><code>console.log('A'); Promise.resolve().then(() => console.log('B')); console.log('C');</code></pre>

Jestのモック関数に対してmockRejectedValueを設定したとき、そのモックを呼び出すと何が返りますか？ const fn = jest.fn(); fn.mockRejectedValue(new Error('失敗')); const result = fn();

Promise.all() で複数のPromiseのうち1つが失敗した場合、どうなりますか？

Promise.all() は何をするためのメソッドですか？

Promise.all() ですべてのPromiseが成功した場合、結果はどのように返りますか？

次のJavaScriptコードの実行順序として正しいものはどれか？ async function fetchData() { console.log('A'); const result = await Promise.resolve('B'); console.log(result); } console.log('C'); fetchData(); console.log('D');

次のコードを実行したとき、コンソールに出力される順序として正しいものはどれですか？ <pre><code>console.log('A'); Promise.resolve().then(() => console.log('B')); console.log('C');</code></pre>

DOM要素をCSSセレクタ形式で取得するメソッドは？

要素にイベントハンドラを登録する推奨される方法は？

イベントバブリング（Event Bubbling）の説明として正しいのは？

JavaScriptで新しいHTML要素をメモリ上に作成するメソッドは？

スクロールやリサイズなどの頻繁なイベント実行を制限する手法は？

Web APIから受け取った「JSON形式の文字列データ」を、JavaScriptのプログラム内で扱いやすい「オブジェクト（または配列）」に変換するために使用するメソッドはどれですか？

ブラウザを閉じてもデータを保持し続けるストレージ機能は？

fetch()の戻り値は何？

一定時間後に一度だけ処理を実行する関数は？

要素がビューポートに入ったことを検知するために使用するAPIは？

以下の JavaScript コードの実行結果として正しいものはどれですか？ const url = new URL('/api/users', 'https://example.com:8080'); url.searchParams.set('role', 'admin'); url.searchParams.set('active', 'true'); console.log(url.href);

cookieとlocalStorageの違いとして正しいものはどれか。

エラーの有無に関わらず、最後に必ず実行したい処理を書くブロックは？

JavaScriptでエラーを厳格にチェックするモードを有効にする文字列は？

ESLintで no-unused-vars エラーが発生した場合の対処法として、最も適切なものはどれですか？

ESLintで import/no-unresolved エラーが出る原因として、最も一般的なものはどれですか？

Vitestで次のテストコードを実行したとき、結果はどうなりますか？ import { test, expect } from 'vitest' test('object equality', () => { const user = { name: 'Alice', age: 20 } expect(user).toBe({ name: 'Alice', age: 20 }) })

次のテストコードを実行すると、utils.ts の greet 関数が 'mocked!' を返すことを期待していますが、実際には元の実装が呼ばれてしまいます。原因として最も適切なものはどれですか？ import { greet } from './utils' import { vi, test, expect } from 'vitest' const mockValue = 'mocked!' vi.mock('./utils', () => ({ greet: () => mockValue, })) test('greet', () => { expect(greet()).toBe('mocked!') })

Vitest が Jest と比較して「TypeScript や ESM（ES Modules）のプロジェクトで追加設定なしに動きやすい」と言われる最大の理由はどれですか？

次のテストコードを実行すると何が起こりますか？ import { vi, test, expect } from 'vitest' import { getUser } from './user' const mockName = 'Alice' vi.mock('./user', () => ({ getUser: () => ({ name: mockName }) })) test('ユーザー名を返す', () => { expect(getUser().name).toBe('Alice') })

次のVitestのテストで、モック関数logが 'start' → 'processing' → 'done' の順で3回呼ばれた後に expect(log).toHaveBeenCalledWith('start') を実行した場合、アサーションの結果はどうなりますか？

Jestのモック関数に対してmockRejectedValueを設定したとき、そのモックを呼び出すと何が返りますか？ const fn = jest.fn(); fn.mockRejectedValue(new Error('失敗')); const result = fn();

JavaScript からのリクエストで使われる Origin ヘッダーは、主に何をサーバーへ伝えるものですか？