Rumah  >  Artikel  >  hujung hadapan web  >  Penjelasan terperinci tentang jenis Simbol JavaScript, atribut tersembunyi dan pendaftaran global

Penjelasan terperinci tentang jenis Simbol JavaScript, atribut tersembunyi dan pendaftaran global

WBOY
WBOYke hadapan
2022-06-02 11:50:342807semak imbas

Artikel ini membawa anda pengetahuan yang berkaitan tentang javascript, yang terutamanya memperkenalkan isu berkaitan jenis Simbol, atribut tersembunyi dan pendaftaran global, termasuk penerangan jenis Simbol, Simbol Akan ada masalah seperti penukaran rentetan tersirat Mari kita lihat. Saya harap ia akan membantu semua orang.

Penjelasan terperinci tentang jenis Simbol JavaScript, atribut tersembunyi dan pendaftaran global

[Cadangan berkaitan: tutorial video javascript, bahagian hadapan web]

Pengenalan simbol

ialah jenis istimewa dalam Symbol Khususnya, semua nilai jenis JavaScript berbeza antara satu sama lain. Kita boleh menggunakan "Simbol" untuk mewakili nilai unik Berikut ialah contoh mencipta objek Symbol: Symbol

let id = Symbol();
Dengan cara ini, kami mencipta nilai jenis

dan menyimpannya. nilai dalam dalam pembolehubah Symbol. id

Penerangan jenis simbol

Apabila kita mencipta pembolehubah jenis

, kita boleh menghantar dalam beberapa rentetan atribut saat dalam parameter untuk penerangan Maklumat tentang tujuan pembolehubah ini. Symbol Contohnya:

let id1 = Symbol('狂拽酷炫吊炸天的小明的id');
let id2 = Symbol('低调奢华有内涵的婷婷的id');

jenis berbeza pada bila-bila masa, walaupun ia mempunyai maklumat perihalan yang sama, perihalan itu hanyalah label dan tiada tujuan lain Contohnya: Symbol

let id1 = Symbol('id');
let id2 = Symbol('id');
console.log(id1==id2);//false
Simbol tidak bertukar kepada rentetan secara tersirat

Symbol

Kebanyakan jenis dalam

boleh ditukar terus kepada output jenis rentetan, jadi kita tidak dapat melihatnya secara intuitif Apakah nilainya? Contohnya, kita boleh terus menggunakan untuk menukar nombor kepada rentetan dan muncul.

Walau bagaimanapun, jenis

adalah istimewa dan tidak boleh ditukar secara langsung Contohnya: Jenis JavaScript dalam alert(123)123
Symbol tidak boleh ditukar kepada rentetan kerana pencegahan yang wujud. daripada kekeliruan bahasa. mekanisme "Perlindungan bahasa", kerana rentetan dan

sememangnya berbeza dan satu tidak sepatutnya ditukar kepada yang lain.
let id = Symbol();
alert(id);//报错,不能把Symbol类型转为字符串

Cukup bayangkan, jika JavaScript boleh ditukar kepada rentetan, maka ia menjadi fungsi yang menjana rentetan unik, dan tidak memerlukan jenis data bebas. SymbolSymbolJika kita benar-benar ingin mengetahui nilai pembolehubah

, kita boleh menggunakan kaedah

, seperti yang ditunjukkan di bawah: Symbol

atau gunakan atribut Symbol untuk mendapatkan maklumat perihalan :.toString()

let id = Symbol('this is identification');
console.log(id.toString());//Symbol(this is identification);
Simbol adalah serupa dengan kekunci atribut objek

.descriptionMengikut spesifikasi

, hanya dua jenis nilai yang boleh digunakan sebagai kekunci atribut objek:
let id = Symbol('加油,奥利给');
console.log(id.description);//加油,奥利给”

String

JavaScriptSimbol

  1. Jika jenis lain digunakan, ia akan ditukar secara tersirat kepada jenis rentetan. Kekunci objek diperkenalkan secara terperinci dalam bab sebelumnya dan tidak akan diulang di sini.
  2. Buat kekunci Simbol

Terdapat dua cara untuk menggunakan

sebagai nilai kunci: Contoh 1:

Contoh 2 :Symbol

Dua kes di atas menunjukkan penggunaan memasukkan jenis
let id = Symbol('id');
let user = {};
user[id] = 'id value';//添加Symbol键
console.log(user[id]);//id value
sebagai kunci ke dalam objek Perlu diingat bahawa anda perlu menggunakan

dan bukannya

apabila mengakses sifat, kerana
let id = Symbol('id');
let user = {
	[id]:'id value',//注意这里的方括号	
};
console.log(user[id]);
bermaksud

. Symbolobj[id]Apakah yang akan berlaku jika kita menggunakan obj.id sebagai kunci objek? obj.idobj[‘id’]

for...in dilangkau masuk

Symbol

Ciri yang sangat jelas ialah jika objek menggunakan sebagai kunci, maka gunakan Pernyataan tidak boleh mengakses atribut jenis

.

SymbolContohnya: Symbolfor…inSymbolLaksanakan kod di atas dan dapatkan keputusan berikut:

Ia boleh didapati bahawa nilai objek
let id = Symbol('id');
let user = {
	name : 'xiaoming',
	[id] : 'id',
};
for (let key in user) console.log(user[key]);
tidak dicetak keluar Ambil perhatian bahawa dalam senarai atribut objek, menggunakan

akan mengabaikan kekunci jenis

secara automatik.
> xiaoming

Begitu juga, [id] juga akan mengabaikan semua kekunci taip for … in. Symbol

Ciri sedemikian boleh membawa kesan yang sangat berguna, contohnya, kita boleh mencipta atribut yang hanya boleh digunakan oleh diri kita sendiri.

Object.keys(user)Walaupun kami tidak mempunyai cara untuk terus mendapatkan kunci Symbol, kaedah

boleh menyalin semua atribut:

Ini tidak menjejaskan atribut tersembunyi Symbol , kerana Objek yang disalin masih tidak boleh mendapatkan kunci Object.assign.

隐藏自定义属性

由于Symbol既不能直接转为字符串,我们没有办法直观的获得它的值,又不能通过for … in获得对象的Symbol属性,也就是说,如果没有Symbol变量本身,我们就没有办法获得对象内部的对应属性。

因此,通过Symbol类型的键值,我们可以隐藏属性,这些属性只能我们自己访问,其他人都看不到我们的属性。

举个例子:

我们在开发的过程中,需要和同事“张三”合作,而这个张三创建了一个非常好用的工具ToolTool是一个对象类型,我们想白嫖张三的Tool,并在此基础上添加一些自己的属性。

我们就可以通过添加Symbol类型的键:

let tool = {//张三写好了的Tool
    usage : "Can do anything",
}

let name = Symbol("My tool obj");
tool[name] = "This is my tool";
console.log(tool[name]);

以上示例展示了如何在别人写好的对象上添加自己的属性,那么为什么要使用Symbol类型而不是常规的字符串呢?

原因如下:

  1. 对象tool是别人写好的代码,原则上我们不应该去修改别人的代码,这样会造成风险;
  2. 避免命名冲突,我们直接使用字符串很有可能会和别人原有的属性键冲突,造成严重的后果;
  3. 使用Symbol永远不会发生命名冲突,因为Symbol都是不同的;
  4. 别人无法访问Symbol类型的键,相当于不会和别人的代码冲突;

错误示范:
如果我们不使用Symbol类型,很可能出现以下情况:

let tool = {//张三写好了的Tool
    usage : "Can do anything",
}

tool.usage = "Boom Boom";
console.log(tool.usage);

以上代码由于重复使用”usage”,从而重写了原属性,会造成对象原功能异常。

Symbol全局注册表

所有的Symbol变量都是不同的,即使他们有用相同的标签(描述)。
有些时候,我们希望通过一个字符串名称(标签),访问同一个Symbol对象,例如我们在代码的不同地方访问相同的Symbol

JavaScript会维护一个全局的Symbol注册表,我们可以通过向注册表中插入Symbol对象,并为对象起一个字符串名称访问该对象。

向注册表插入或者读取Symbol对象需要使用Symbol.for(key)方法,如果注册表中有名为key的对象,就返回该对象,否则就插入新对象再返回。

举个例子:

let id1 = Symbol.for('id');//注册表内没有名为id的Symbol,创建并返回
let id2 = Symbol.for('id');//注册表内已有名为id的Symbol,直接返回
console.log(id1===id2);//true

我们通过Symbol.for(key)就能以全局变量的方式使用Symbol对象,并使用一个字符串标记对象的名字。

相反的,我们还可以使用Symbol.keyFor(Symbol)反向的从对象获取名称。

举个例子:

let id = Symbol.for('id');//注册表内没有名为id的Symbol,创建并返回
let name = Symbol.keyFor(id);
console.log(name);//id

Symbol.keyFor()函数只能用在全局Symbol对象上(使用Symbol.for插入的对象),如果用在非全局对象上,就会返回undefined

举个例子:

let id = Symbol('id');//局部Symbol
let name = Symbol.keyFor(id);
console.log(name);//undefined

系统Symbol

JavaScript有许多系统Symbol,例如:

  • Symbol.hasInstance
  • Symbol.iterator
  • Symbol.toPrimitive

它们各有用途,我们在后面的会逐步介绍道这些独特的变量。

总结

  1. Symbol对象的值是唯一的;
  2. Symbol可以添加一个标签,并通过标签在全局注册表中查询对象的实体;
  3. Symbol作为对象的键无法被for … in探测到;
  4. 我们可以通过Symbol到全局注册表访问全局的Symbol对象;

但是,Symbol并不是完全隐藏的,我们可以通过Object.getOwnPropertySymbols(obj)获取对象所有的Symbol,或者通过Reflect.ownKeys(obj)获取对象所有的键。

【相关推荐:javascript视频教程web前端

Atas ialah kandungan terperinci Penjelasan terperinci tentang jenis Simbol JavaScript, atribut tersembunyi dan pendaftaran global. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:csdn.net. Jika ada pelanggaran, sila hubungi admin@php.cn Padam