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)文章
3級(jí)省地市級(jí)聯(lián)菜單，ie/ff 測(cè)試通過(guò)，支持多個(gè)并存，支持事件2010-02-02
10個(gè)很少使用的JavaScript?Console方法分享
你一定聽(tīng)說(shuō)過(guò)?console.log()?,而且可能一直在使用它,在本文中,我們將探討一些最有用的控制臺(tái)方法,以及它們?cè)跀?shù)據(jù)可視化、調(diào)試等方面的用途,感興趣的小伙伴可以學(xué)習(xí)一下2023-09-09
學(xué)習(xí)JavaScript設(shè)計(jì)模式(鏈?zhǔn)秸{(diào)用)
這篇文章主要帶領(lǐng)大家學(xué)習(xí)JavaScript設(shè)計(jì)模式，其中重點(diǎn)介紹鏈?zhǔn)秸{(diào)用，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要為大家詳細(xì)介紹了bootstrap IE8 兼容性處理，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
javascript 正則表達(dá)式使用實(shí)例，挺有意思的，既不是基礎(chǔ)也不是技巧就是解決例子。2010-05-05
這篇文章主要介紹了JS生成唯一id方式之UUID和NanoID，唯一id有了更好的方式，那就是NanoID，今天這篇文章記錄一下NanoID 正在取代 UUID？及js 生成uuid及NanoID的方法，下面來(lái)看文章的詳細(xì)介紹2021-12-12
需靈活掌握的Bootstrap預(yù)定義排版類(lèi) 你精通嗎?
Bootstrap預(yù)定義排版類(lèi),做web前端開(kāi)發(fā)的你精通嗎？bootstrap前端框架到底為我們預(yù)定義了那些排版的類(lèi)呢？感興趣的小伙伴們可以參考一下2016-06-06
躲避這些會(huì)改變?cè)瓟?shù)組JavaScript數(shù)組方法讓開(kāi)發(fā)流暢無(wú)阻
JavaScript中有些數(shù)組的操作方法并不符合我們預(yù)期，容易導(dǎo)致想象不到的結(jié)果，因此，為避免這種情況的發(fā)生，本文將介紹哪些原生數(shù)組方法能改變?cè)瓟?shù)組以及我對(duì)于如何更好地使用數(shù)組方法的建議2023-05-05
前端導(dǎo)出word文件的多種方式以及導(dǎo)出excel文件
導(dǎo)出功能是項(xiàng)目開(kāi)發(fā)中經(jīng)常會(huì)遇到的需求,在此就前端方面需要做的部分做一個(gè)總結(jié),這篇文章主要給大家介紹了關(guān)于前端導(dǎo)出word文件的多種方式以及導(dǎo)出excel文件的相關(guān)資料,需要的朋友可以參考下2024-08-08
想象一下，你把一個(gè)重要內(nèi)容放在一個(gè)彈出窗口，又不聚集到這個(gè)窗口。讓使用屏幕閱讀器的同學(xué)情何以堪，只有當(dāng)他們 tab 到這頁(yè)面結(jié)束，還繼續(xù) tab，才可能找到這個(gè)彈窗2011-10-10