JavaScript

Symbol を key とするオブジェクトプロパティ — obj = 1JavaScript の Symbol は「ユニークな識別子」を作るための型です。オブジェクトのプロパティキーに Symbol...

Symbol の基本 — const s = Symbol('desc')JavaScript の Symbol は「一意（ユニーク）な値」を作るための型です。初心者は「他と絶対にかぶらない特別なラベ...

文字列テンプレートで複数行 — line1\nline2複数行の文字列は「改行コードを埋め込む方法」と「テンプレートリテラルでそのまま改行を書く方法」の2通りあります。初心者は、まず「\n は改行コー...

短絡評価（&& / ||）を利用した条件実行 — cond && fn()JavaScript の 論理演算子 && と || は「真偽値の判定」だけでなく、短絡評価（ショートサーキット）を利用して「...

論理演算子で既定値（|| の注意） — const v = a || 'def'（'' や 0 も代替される）JavaScript では 論理演算子 || を使って「左側が falsy（falseっぽ...

Nullish coalescing（??） — const v = a ?? 'default'JavaScript の Nullish coalescing 演算子 ?? は「値が null また...

Optional chaining の利用（安全なネスト参照） — a?.b()JavaScript の オプショナルチェイニング演算子 ?. は「存在しないかもしれないプロパティや関数を安全に参照す...

配列の入れ子の安全アクセス（オプショナルチェイニング ?.） — obj?.a?.bJavaScript の オプショナルチェイニング演算子 ?. は「存在しないかもしれないプロパティに安全にアクセス...

引数のデフォルト値に関数 — function f(x = Date.now()) {}JavaScript では 引数のデフォルト値に「関数の呼び出し結果」を指定できます。初心者は「引数が渡されなか...

可変長引数の扱い — (...args) => argsJavaScript では 可変長引数（いくつでも引数を受け取れる仕組み）を rest 引数 ...args で書けます。初心者は「渡された引数...

rest 引数と spread 構文 — function f(...args) {} / f(...arr)JavaScript には rest 引数 と spread 構文 という似た書き方があり...

オブジェクトのデフォルト引数 — function f(a = 1, b = {}) {}関数の引数に「値が渡されなかったときの既定値（デフォルト）」を設定できます。初心者は「未指定や undefin...

parseInt / parseFloat の使い方 — parseInt('12', 10)（基数指定）JavaScript では文字列を数値に変換する方法として parseInt と parseF...

型変換（Number / String / Boolean） — Number('1'), String(1), Boolean(0)JavaScript では値の型を 明示的に変換 するために Nu...

isNaN と Number.isNaN の違い — Number.isNaN(x) 推奨JavaScript で「値が NaN (Not a Number) かどうか」を判定する方法は2つあります。...

typeof 判定（原始型） — typeof x === 'string'JavaScript の typeof 演算子は「変数や値の型」を文字列で返します。初心者は「この値は文字？数？それとも別の...

instanceof 判定 — obj instanceof ClassJavaScript の instanceof 演算子は「あるオブジェクトが特定のクラス（コンストラクタ関数）から生成されたかど...

static メソッド — static build(){}JavaScript の static メソッドは「インスタンスを作らなくてもクラスから直接呼び出せる関数」です。初心者は「クラスの便利関数...

getter / setter（アクセサ） — get v() {} / set v(x) {}JavaScript の getter / setter は「プロパティにアクセスしたときの動作」を自由...

super の使用 — super() / super.method()JavaScript の super は「親クラス（基底クラス）」を呼び出すためのキーワードです。extends で継承したクラ...

extends 継承 — class B extends A {}JavaScript の extends は「クラスの継承」を表します。親クラス（基底クラス）の機能を子クラス（派生クラス）が引き継ぎ...

class 構文 — class A { constructor(x){ this.x = x } method(){} }JavaScript の class 構文は、オブジェクト指向プログラミング...

プロトタイプ継承（古典） — Child.prototype = Object.create(Parent.prototype)JavaScript には「プロトタイプ継承」という仕組みがあります。こ...

モジュールパターン（名前空間） — const My = (()=>{ return { fn(){} } })()JavaScript では昔から「モジュールパターン」という書き方がありました。これ...

即時実行関数（IIFE） — (function(){})(); / (() => {})()JavaScript では 即時実行関数 (IIFE: Immediately Invoked Funct...

スコープと var / let / const の違い — var は関数スコープ、let / const はブロックスコープJavaScript で変数を宣言するときに使うキーワードは var / ...

call / apply / bind の基本 — fn.call(ctx, arg1) / fn.apply(ctx, ) / fn.bind(ctx)JavaScript では 関数の呼び出し時に...

this の扱い（関数とアロー関数）JavaScript の this は「その関数が呼ばれたときに参照するオブジェクト」を指します。ただし 通常の関数 と アロー関数 では挙動が違うため、初心者が混...

クロージャの基本 — function outer(){ let a = 1; return ()=>a++ }JavaScript の クロージャ は「関数が作られたときの変数を覚えていて、あとから...

EventEmitter（Node.js） — const e = new EventEmitter(); e.on('x', ()=>{})Node.js には イベント駆動 の仕組みがあり、その中...