ES6新特性之Symbol類(lèi)型用法分析
本文實(shí)例講述了ES6新特性之Symbol類(lèi)型用法。分享給大家供大家參考，具體如下：
Symbol類(lèi)型
1. 為了避免屬性名的沖突，ES6新增了Symbol類(lèi)型。Symbol可以產(chǎn)生一個(gè)獨(dú)一無(wú)二的值。
let s1 = Symbol('a');
let s2 = Symbol('a');
console.log(s1); //Symbol(a)
console.log(typeof s1); //symbol
console.log(s1 == s2); //false
2.Symbol用于屬性名。
var s1 = Symbol();
var s2 = Symbol();
var s3 = Symbol();
var obj = {
[s1]: 'hi'
};
obj[s2] = 'ES6';
Object.defineProperty(obj, s3, {
value: 'ES2015'
});
console.log(obj); //Object {Symbol(): "hi", Symbol(): "ES6", Symbol(): "ES2015"}
console.log(obj.s1); //undefined -> 所以當(dāng)用Symbol作為屬性名時(shí)候，不能用.運(yùn)算符訪問(wèn)屬性
console.log(obj[s1]); //hi
console.log(obj['s1']); //undefined
注意：Symbol作為屬性名，該屬性不會(huì)出現(xiàn)在 for...in...和 for...of... 循環(huán)中，也不會(huì)被 Object.keys(), Object.getOwnPropertyNames() 返回。Object.getOwnProertySymbols()返回一個(gè)數(shù)組，成員是當(dāng)前對(duì)象的所有用作屬性名的symbol值。
2. Symbol.for() 接受一個(gè)字符串作為參數(shù)，然后搜索有沒(méi)有以該參數(shù)作為名稱(chēng)的Symbol值，有就返回這個(gè)Symbol值，否則就新建并返回一個(gè)以該字符串為名稱(chēng)的Symbol值。
3. Symbol.keyFor()方法返回一個(gè)已經(jīng)登記的Symbol類(lèi)型值的key。
Symbol()方法生成一個(gè)Symbol類(lèi)型時(shí)，沒(méi)有登記，所以每次調(diào)用Symbol（哪怕傳入相同的字符串）會(huì)返回不同的Symbol，但是Symbol.for()在生成Symbol時(shí)候進(jìn)行了登記，每次再次調(diào)用時(shí)，都會(huì)先尋找是否有傳入相同參數(shù)的Symbol，故只有Symbol.for()產(chǎn)生的Symbol才能被Symbol.keyFor()找到。
let s1 = Symbol('a');
let s2 = Symbol('a');
let s3 = Symbol.for('b');
let s4 = Symbol.for('b');
let name1 = Symbol.keyFor(s1);
let name3 = Symbol.keyFor(s3);
console.log(s1 == s2); //false
console.log(s1 == s3); //false
console.log(s2 == s3); //false
console.log(s3 == s4); //true
console.log(name1); //undefined
console.log(name3); //b
希望本文所述對(duì)大家ECMAScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
這篇文章主要介紹了Web打印解決方案之普通報(bào)表打印功能的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-08-08
利用JQuery和JS實(shí)現(xiàn)奇偶行背景顏色自定義效果
本文將詳細(xì)介紹利用JQuery和JS實(shí)現(xiàn)奇偶行背景顏色自定義效果,需要的朋友可以參考下2012-11-11
JS中2種定時(shí)器的使用及清除的實(shí)現(xiàn)
本文主要介紹了JS中2種定時(shí)器的使用及清除的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
利用JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)版2048小游戲
這篇文章主要介紹了如何利用HTML+CSS+JS編寫(xiě)一個(gè)網(wǎng)頁(yè)版的2048小游戲,代碼簡(jiǎn)單易懂對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-11-11
Sublime?Text?3插件Minify的安裝與使用(js代碼壓縮)
這篇文章主要介紹了Sublime?Text?3插件Minify的安裝與使用(js代碼壓縮),本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-01-01
本文主要介紹了javaScript的基礎(chǔ)知識(shí)，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
js 鼠標(biāo)、鍵盤(pán)的幾個(gè)事件的例子2008-07-07
js 調(diào)整select 位置的函數(shù)，向上移動(dòng)，向下移動(dòng)，移動(dòng)到最上，移動(dòng)到最后 這里把項(xiàng)目中寫(xiě)過(guò)的幾個(gè)js函數(shù)來(lái)給大家分享，功能是通過(guò)js來(lái)實(shí)現(xiàn)對(duì)select 中的option的位置進(jìn)行移動(dòng)，代碼如下2008-02-02
javascript輕松實(shí)現(xiàn)當(dāng)鼠標(biāo)移開(kāi)時(shí)已彈出子菜單自動(dòng)消失
本文為大家詳細(xì)介紹下使用javascript實(shí)現(xiàn)當(dāng)鼠標(biāo)移開(kāi)時(shí)已彈出子菜單自動(dòng)消失，具體如下，感興趣的朋友不要錯(cuò)過(guò)2013-12-12
javascript實(shí)現(xiàn)獲取瀏覽器版本、瀏覽器類(lèi)型
這篇文章主要介紹了javascript實(shí)現(xiàn)獲取瀏覽器版本，javascript實(shí)現(xiàn)獲取瀏覽器類(lèi)型兩大方面，對(duì)這方面感興趣的朋友可以參考一下2015-12-12