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

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
同じ名前であってもシンボルは常に異なるため、これには競合がありません。同じ目的を達成するためにシンボルの代わりに文字列「id」を使用すると、競合が発生することに注意してください:
• rrreee

  シンボルを使用したリテラル

リテラルオブジェクトでシンボルを使用する場合は、角括弧を使用する必要があります:
• rrreee

  なぜなら、文字列「id」ではなく、「id」という名前のシンボル変数の値が必要だからです。

symbol は for...in によって無視されます

• 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.hasInstance🎜🎜🎜🎜Symbol.isConcatSpreadable🎜🎜🎜🎜Symbol.iterator🎜🎜🎜🎜Symbol.toPrimitive🎜 🎜 🎜 🎜…🎜🎜
  🎜例: Symbol.toPrimitive は、オブジェクトを基本型に変換するときにオブジェクトを記述するために使用されます。JavaScript を深く学習し続けると、他のものにも徐々に慣れるようになります。 。 🎜🎜概要🎜
  🎜🎜シンボルは一意の識別を実装する基本的なタイプです🎜🎜🎜🎜symbol(name)を呼び出してシンボルを作成します🎜🎜🎜🎜 us 対応するシンボルを知っている人だけがアクセスできるフィールドを作成します。 シンボルを使用すると便利です 🎜🎜🎜🎜symbol は for..in の結果には表示されません 🎜🎜🎜🎜symbol(name) を使用して作成されたシンボルは名前は同じでもいつも違う。同じ名前のシンボルを等しくしたい場合は、グローバル登録🎜🎜🎜🎜symbol.for(name)を使用して、指定された名前のグローバルシンボルを返し、複数の呼び出しで同じシンボルを返します🎜🎜🎜🎜Javascriptにはシステムがありますシンボル。 Symbol.* を通じてアクセスします。これらを使用して、一部の組み込み動作を変更できます。 🎜

技術的には、シンボルは 100% 非表示ではなく、シンボルを含むオブジェクトのすべてのキーを返す組み込みメソッド Object.getOwnPropertySymbols(obj)可以获得所有的symbol。
也有一个方法Reflect.ownKeys(obj) があります。

つまり、実際には隠されていません。しかし、ほとんどのライブラリ組み込みメソッドと構文構造は、非表示であるという共通の規則に従っており、誰かが上記のメソッドを明示的に呼び出した場合、その人は自分が何をしているのかを完全に理解している可能性があります。

以上がJavascriptのシンボル型の詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。