JavaScriptのシンボル型の詳しい説明

仕様によれば、オブジェクトの属性キーは文字列型かシンボル型のみであり、数値やブール型は使用できません。文字列とシンボルの2種類のみです。
通常は属性文字列を比較しますが、シンボルタイプがもたらす利点を見てみましょう。

シンボル

「シンボル」値は、指定された名前を持つ一意の識別子を表します。このタイプの値は次のように作成できます: Symbol(name):

// id is a symbol with the name "id"
let id = Symbol("id");

ログイン後にコピー

シンボルは一意性を保証し、同じ名前を使用した場合でも異なる値を生成します。たとえば、ここに同じ名前の 2 つのシンボルがありますが、どちらも等しくありません:

let id1 = Symbol("id");
let id2 = Symbol("id");

alert(id1 == id2); // false

ログイン後にコピー

Ruby やその他の言語に精通している場合は、同じタイプのシンボルがあります。誤解しないでください。JavaScript のシンボルは異なります。

非表示プロパティ

シンボルを使用すると、他のコードがアクセスしたり上書きしたりできないように、オブジェクトの非表示プロパティを作成できます。
たとえば、オブジェクトユーザーの「識別子」を保存したい場合は、次の ID のシンボルを作成できます:
ユーザー = { 名前: 「ジョン」 }; Let id = Symbol("id");

user[id] = "ID Value";
alert( user[id] ); // we can access the data using the symbol as the key

ログイン後にコピー

次に、別のスクリプトが独自の目的でユーザーオブジェクトに独自の "id" 属性を追加したいと想像してみましょう。それは別の Javascript ライブラリである可能性があるため、お互いにまったく知りません。

問題ありません。独自の Symbol("id") を作成できます。
Symbol("id")。

代码如下：

// ...
let id = Symbol("id");

user[id] = "Their id value";

ログイン後にコピー

这是没有冲突的，因为symbol总是不同的，即使有相同的名称。注意如果我们使用字符串“id”代替symbol实现相同目的，那么会有冲突：

let user = { name: "John" };

// our script uses "id" property
user.id = "ID Value";

// ...if later another script the uses "id" for its purposes...

user.id = "Their id value"
// boom! overwritten! it did not mean to harm the colleague, but did it!

ログイン後にコピー

直接量使用symbol

如果我们在一个直接量对象中使用symbol，我们需要使用方括号：

let id = Symbol("id");

let user = {
  name: "John",
  [id]: 123 // not just "id: 123"
};

ログイン後にコピー

因为我们需要名称为“id”的symbol变量值，不是字符串“id”。

Symbol 被 for…in 忽略

symbol属性不参与for..in循环，举例：

let id = Symbol("id");
let user = {
  name: "John",
  age: 30,
  [id]: 123
};

for(let key in user) alert(key); // name, age (no symbols)

// the direct access by the symbol works
alert( "Direct: " + user[id] );

ログイン後にコピー

这时一般隐藏概念的一部分，如果其他脚本或库，也不期望访问symbol属性。
相反，Object.assign同时拷贝字符属性和symbol属性。

let id = Symbol("id");
let user = {
  [id]: 123
};

let clone = Object.assign({}, user);

alert( clone[id] ); // 123

ログイン後にコピー

这两者没有矛盾，规范就是这么设计的，其思想是当我们克隆对象或合并对象，通常希望symbol属性也被拷贝。

其他类型的属性键被强制转换成字符串：

对象中的键只能使用字符串或symbol，其他类型强制被转成字符串。

let obj = {
  0: "test" // same as "0": "test"
}

// both alerts access the same property (the number 0 is converted to string "0")
alert( obj["0"] ); // test
alert( obj[0] ); // test (same property)

ログイン後にコピー

全局symbol

通常，所有symbol是不同的，但有时我们想相同名词的symbol是相同的。举例，我们应用不同部分想访问名词为”id“的symbol，当然需要是相同的。
可以通过全局symbol注册实现，我们能先创建，然后访问他们，并且保证通过相同名词重复访问获得相同的symbol。

在注册中创建或读取，使用语法为：symbol.for(name),举例：

// read from the global registry
let name = Symbol.for("name"); // if the symbol did not exist, it is created

// read it again
let nameAgain = Symbol.for("name");

// the same symbol
alert( name === nameAgain ); // true

ログイン後にコピー

在注册中symbol称为全局symbol，如果我们有应用范围的symbol，代码都可以访问，可以使用全局symbol。

其他编程语言，想Ruby，每个名词有单个symbol，在javascript中，我们知道，正是全局symbol。

Symbol.keyFor

对全局symbol，不仅有Symbol.for(name)，根据名称返回symbol，也有相反的调用：Symbol.keyFor(name),功能相反：根据全局symbol返回名称。
举例：

let sym = Symbol.for("name");
let sym2 = Symbol.for("id");

// get name from symbol
alert( Symbol.keyFor(sym) ); // name
alert( Symbol.keyFor(sym2) ); // id

ログイン後にコピー

Symbol.keyfor内部实现，使用全局symbol注册，根据symbol查找symbol名称。
所以对非全局的symbol不其作用，如果不是全局symbol，则找不到，返回undefined。

举例：

alert( Symbol.keyFor(Symbol.for("name")) ); // name, global symbol

alert( Symbol.keyFor(Symbol("name2")) ); // undefined, non-global symbol

ログイン後にコピー

非全局symbol，名称仅用于调试目的。

系统symbol

在Javascript内部存在很多系统symbol，我们能使用他们调整对象的各个方面。
这里列出一些常用的symbol：

Symbol.hasInstance
Symbol.isConcatSpreadable
Symbol.iterator
Symbol.toPrimitive
…

举例：Symbol.toPrimitive用于对象转基本类型时描述对象，如果你继续深入学习Javascript，其他的你也会逐步熟悉。

总结

symbol是基本类型，实现唯一标识
通过调用symbol(name)コードは次のとおりです:
rrreee
rrreee
シンボルを使用したリテラル
rrreee
なぜなら、文字列「id」ではなく、「id」という名前のシンボル変数の値が必要だからです。
symbol 属性は for..in ループに参加しません。例:
rrreee
対照的に、Object.assign は文字属性とシンボル属性の両方をコピーします。
rrreee
この 2 つの間に矛盾はありません。これは、オブジェクトを複製またはマージするときに、シンボル属性もコピーされるようにするという考え方です。
他のタイプの属性キーは強制的に文字列に変換されます:
オブジェクト内のキーは文字列または記号のみを使用でき、他のタイプは強制的に文字列に変換されます。 🎜rrreee🎜グローバルシンボル🎜🎜通常、すべてのシンボルは異なりますが、同じ名詞を持つシンボルを同じにしたい場合があります。たとえば、アプリケーションのさまざまな部分で名詞「id」を持つシンボルにアクセスしたい場合は、当然のことながら同じである必要があります。 🎜これは、最初にシンボルを作成してからアクセスし、同じ名詞で繰り返しアクセスすることで同じシンボルが取得されるようにすることで実現できます。 🎜🎜登録内での作成または読み取り、使用構文は次のとおりです: symbol.for(name)、例: 🎜rrreee🎜 アプリケーションがある場合、登録内のシンボルはグローバルシンボルと呼ばれます。ワイドシンボル。コードにアクセスでき、グローバルシンボルを使用できます。 🎜🎜Ruby などの他のプログラミング言語では、各名詞に 1 つのシンボルがあります。JavaScript では、それがグローバルシンボルであることがわかります。 🎜🎜Symbol.keyFor🎜🎜 グローバルシンボルの場合、名前に従ってシンボルを返す Symbol.for(name) だけでなく、その逆の呼び出し Symbol.keyFor もあります。 (name) の場合、関数は逆です。グローバルシンボルに従って名前を返します。 🎜例: 🎜rrreee🎜Symbol.key は内部実装の場合、グローバルシンボル登録を使用し、シンボルに基づいてシンボル名を検索します。 🎜 したがって、非グローバルシンボルには影響がありません。グローバルシンボルではない場合は、見つからず、未定義が返されます。 🎜🎜例: 🎜rrreee🎜非グローバルシンボル。名前はデバッグのみを目的としています。 🎜🎜システムシンボル🎜🎜 Javascript 内には多くのシステムシンボルがあり、それらを使用してオブジェクトのさまざまな側面を調整できます。 🎜よく使用されるシンボルをいくつか示します: 🎜
🎜例: Symbol.toPrimitive は、オブジェクトを基本型に変換するときにオブジェクトを記述するために使用されます。JavaScript を深く学習し続けると、他のものにも徐々に慣れるようになります。。 🎜🎜概要🎜