JavaScript基礎・実践 問題集

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

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

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

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

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

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

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

次の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）の正しい組み合わせはどれか？

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

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

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

Null合体演算子（??）の動作は？

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

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

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

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

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

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

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

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

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

JavaScriptの標準モジュールシステムである「ES Modules (ESM)」の説明として、最も適切なものはどれですか？

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

fetch()の戻り値は何？

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

以下の 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);

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

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();

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

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

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

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

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