https://wiki.nullpon.moe/ 2026-05-04T21:30:03+00:00 https://wiki.nullpon.moe/ https://wiki.nullpon.moe/_media/wiki/dokuwiki.svg text/html 2025-09-20T13:41:42+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.nullpon.moe/ecmascript/class?rev=1758375702&do=diff class クラス構文 class Test { // 静的フィールド static version = '1.0.0'; // 静的メソッド static info() { // 注意 staticコンテキストでのthis.nameはクラス名を指す(`#name`ではない) return `${this,name} class, version ${this.version}` } // privateフィールド #name = ''; // コンストラクタ constructor(v) { this.#name = v; } // メソッド getMessage() { return 'Hello from ${this.#name}' } // getter get name() { return this.#name; } // setter set name(v) { this.#name = v; } }… text/html 2025-09-15T02:07:48+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.nullpon.moe/ecmascript/destructuring?rev=1757902068&do=diff 構造分解（分割代入） 配列から値を取り出して、あるいはオブジェクトからプロパティを取り出して別個の変数に代入する // オブジェクト const { protocol, hostname, pathname: path // プロパティ名（pathname）とは別の名前の変数に代入 } = location; console.log(protocol); // => https: console.log(hostname); // => wiki.nullpon.moe console.log(path); // => /ecmascript/destructuring // 配列 const arr = [1,2,3,4,5]; const [a, b, ...c] = arr; console.log(a); // 1 console.log(b); // 2 console.log(c); // [3,4,5]… text/html 2025-09-20T04:51:46+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.nullpon.moe/ecmascript/function?rev=1758343906&do=diff function 関数はファーストクラス JavaScriptの関数は、数値、文字列、配列などと同じように扱う事ができる。すなわち * 変数に代入できる * 他の関数の引数として渡せる * 他の関数の戻り値できる text/html 2025-09-15T15:59:56+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.nullpon.moe/ecmascript/generator?rev=1757951996&do=diff Generator Generator（ジェネレータ）関数は反復処理プロトコルを実装した特別なGeneratorオブジェクトを返す特別な関数。 ジェネレータは、特別なキーワードyieldで指定した値がイテレータプロトコルにおけるvalue text/html 2025-09-08T15:46:15+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.nullpon.moe/ecmascript/iteration?rev=1757346375&do=diff Iteration Protocol 反復処理プロトコルはfor...of構文で処理できるオブジェクトが実装しているべき約束事。反復可能プロトコル（Iterable Protocol）とイテレータプロトコル（Iterator Protocol）の２つで構成されている。 text/html 2025-09-15T14:50:04+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.nullpon.moe/ecmascript/object?rev=1757947804&do=diff Object Object.create 既存のオブジェクトをプロパティとして新しいオブジェクトを生成する手法。現在ではほぼ使用されていないメソッドだが、プロトタイプのないオブジェクトを作りたい場合に有効。 text/html 2018-10-29T07:33:00+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.nullpon.moe/ecmascript/template_literal?rev=1540798380&do=diff Template Literal * <https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/template_strings> テンプレートリテラル const a = 'world'; const s = `Hello ${a}!`; console.log(s) // => Hello world!と出力 タグ付きテンプレートリテラル function uc(strings, ...values) { return String.raw({raw: strings}, ...values.map(v => v.toUpperCase())); } const a = 'world'; const s = uc`Hello ${a}!`; console.log(s); // => Hello WORLD!と出力…