symbolicなsymbol。
tl;dr
- symbol はES6で導入された新しいプリミティブ。
- symbol( [description] ) で作成。
- 作成するたびにまったく新しいSymbolを返す。
シンボルとは？
**symbol**は、ユニーク[^1] で不変なデータ型で、オブジェクトのプロパティ識別子として使われたりします。
symbolオブジェクトは、Symbolプリミティブデータ型をラップした暗黙的なオブジェクトです。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Symbol
一度作成した symbol はそれ自身とのみ等しい。
ということは、
まったく同じ symbol は二度と作ることはできない。
作成方法
const sym1 = Symbol();
const sym2 = Symbol("デバッグ用の説明。これは、Symbol自体には関係がない。");
new 演算子を用いた構文はエラーを投げます。
new Symbol(); // TypeError
new Symbol("イエーイ"); // TypeError
下のコードでは、すべて false が返されます。
Symbol() === Symbol(); // false
Symbol("abc") === Symbol("abc"); // false
オブジェクトのキーとして利用する 
let obj = {};
const sym = Symbol("obj のキー");
obj[sym] = "xyz";
console.log(obj[sym]); // "xyz"
symbol はオブジェクトのキーとして利用することができる。
これを利用すれば、
- キーが被ることがない。
- ライブラリ・フレームワークなどとキーでの衝突を防げる (そのような状況になったことはないが)。
- キーを文字列で指定した場合に比べて、改変などされるリスクが減る (決してなくなるわけではない 1)。
Symbol( key ) の利用
つまり、
- 同じ key を指定すれば、 同じ Symbol を生成できるってこと (なはず。。。)
let obj = {};
const sym1 = Symbol();
const sym2 = Symbol("debug");
const sym3 = Symbol.for("key");
obj[sym1] = "lorem";
obj[sym2] = "ipsum";
obj[sym3] = "dolor";
// 下記は undefined を返す
console.log(obj[Symbol()]);
console.log(obj[Symbol("debug")]);
console.log(obj[Symbol.for("debug")]);
// 下記は セットした値を返す
console.log(obj[Symbol.for("key")]); // "dolor"
Symbol.keyFor( sym ) の利用
引数で与えられたシンボルに対してグローバルシンボルレジストリから共有シンボルキーを取得します。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Symbol/keyFor
つまり、
-
Symbol.for( key )で作成した symbol から またkeyを探せる
という解釈？？？？
const sym1 = Symbol();
const sym2 = Symbol("debug");
const sym3 = Symbol.for("key");
console.log(Symbol.keyFor(sym1)); // undefined
console.log(Symbol.keyFor(sym2)); // undefined
console.log(Symbol.keyFor(sym3)); // "key"
結論
- だいたいはつかめた。
- 使うタイミングが私にはまだないかも。(あったら教えてください)
- まだでも、それ自体がsymbolicではっきりとわからない。
-
Object.getOwnPropertySymbols( obj )で指定されたシンボルの配列を取得できるため。 ↩