コッコ隊長の勉強部屋

コンストラクタ関数と new の基本 普通の関数との違い function createUser(name, age) { return { name, age, }; } const u1 = createUser("Taro", 20); ↑ これはただの「関数」。一方、コンストラクタ関数は new とセットで呼ぶことを前提にし...

オブジェクトリテラル {} とプロパティ 一番シンプルなオブジェクト const user = { name: "Taro", age: 20, }; {} が「オブジェクトリテラル」 name / age が「プロパティ名（キー）」 "Taro" / 20 が「プロパティ値」 プロパティは「キーと値...

this とは何か ― 「スコープ」との違い まず一番大事なポイント： this は「関数が どう呼ばれたか で決まる特別な値」。スコープのように「どこに書いたか」で決まるものではない。 よくある誤解： 「this は“定義されているオブジェクト”を指す」 → ...

スコープの整理とレキシカルスコープ スコープとは何か スコープは一言で言うと、「その変数・関数がどこから見えるか」という“有効範囲”です。 代表的には 3 種類： グローバルスコープ ファイル全体（またはスクリプト全体）で共有される領域 関数スコー...

アロー関数の基本構文 一番シンプルな形 従来の関数式： const add = function (a, b) { return a + b; }; アロー関数： const add = (a, b) => { return a + b; }; 関数名（function ）がなくなり、(引数) => { 本体 } という形になる 引数が1つだ...

関数とは何か 一言でいうと「ある処理に名前をつけて、何度でも呼び出せるようにしたもの」です。 関数を使わない書き方 console.log("Hello, Taro!"); console.log("Hello, Hanako!"); console.log("Hello, Jiro!"); 同じ...

条件分岐：if / else if / else 基本形 const score = 80; if (score >= 90) { console.log("Sランク"); } else if (score >= 70) { console.log("Aランク"); } else { console.log("それ以外"); } if (条件) の「条...

Null合体演算子 ?? || との違い 前の章で || を「デフォルト値」に使えると説明しました。 const input = ""; // ユーザー入力（今は空文字） const name = input || "名無し"; console.log(name); // "名無し" でも、「空...

よく使う算術演算子 基本の算術演算子 const a = 10; const b = 3; console.log(a + b); // 13 加算 console.log(a - b); // 7 減算 console.log(a * b); // 30 乗算 console.log(a / b); // 3.333... 除算（整数同士でも小数になる） console.log(a % b);...

JavaScriptの型をざっくり分類 JavaScript のデータ値は、大きく分けると 2つ あります。 プリミティブ オブジェクト プリミティブ型の一覧 プリミティブ型は以下の7種類があります。 number string boolean null undefined bigint symbol 例： // number ...