Javascript ES6中數據類型Symbol的使用詳解

2019-11-19 16:40:52

字體：大中小

來源：轉載

供稿：網友

介紹

Symbol 是一種特殊的、不可變的數據類型，可以作為對象屬性的標識符使用，表示獨一無二的值。Symbol 對象是一個 symbol primitive data type 的隱式對象包裝器。

它是JavaScript語言的第七種數據類型，前6種分別是：Undefined、Null、Boolean、String、Number、Object。

語法

Symbol([description])

Parameters

description : 可選的字符串。可用于調試但不訪問符號本身的符號的說明。如果不加參數，在控制臺打印的都是Symbol，不利于區分。

demo

var s1 = Symbol('symbol1');s1 //Symbol(symbol1);

因為Symbol函數返回的值都是獨一無二的，所以Symbol函數返回的值都是不相等的。

//無參數var s1 = Symbol();var s2 = Symbol();s1 === s2 // false//有參數 var s1 = Symbol('symbol'); var s2 = Symbol('symbol'); s1 === s2 //false

作為屬性名的Symbol

由于每一個Symbol值都是不相等的，那么作為屬性標識符是一種非常好的選擇。

定義方式：

let symbolProp = Symbol();var obj = {};obj[symbolProp] = 'hello Symbol';//或者var obj = { [symbolProp] : 'hello Symbol';}//或者var obj = {};Object.defineProperty(obj,symbolProp,{value : 'hello Symbol'});

注意：

定義屬性的時候只能將Symbol值放在方括號里面，否則屬性的鍵名會當做字符串而不是Symbol值。同理，在訪問Symbol屬性的時候也不能通過點運算符去訪問，點運算符后面總是字符串，不會讀取Symbol值作為標識符所指代的值.

Symbol類型定義常量

常量的使用Symbol值最大的好處就是其他任何值都不可能有相同的值，用來設計switch語句是一種很好的方式。例如：消除魔術字符串（這里留給讀者思考，如果有什么疑問，可以給我留言）

Symbol.for(),Symbol.keyFor()

Symbol.for()

對于Symbol.for方法需要記住兩點:

Symbol.for()所返回的Symbol值的作用域是整個代碼庫（包括不同的iframe或者service worker），是一個全局的變量,第一次產生的時候就會登記下來。
調用Symbol.for()的時候，如果在全局環境中檢索給定的key是否存在，如果不存在才會新建一個值,而Symbol()不會，Symbol()每次返回的都是不同的值。

Symbol.for('foo') === Symbol.for('foo'); //trueSymbol('foo') === Symbol('foo'); //false

Symbol.keyFor()

Symbol.keyFor方法返回一個已登記的Symbol類型的值的key。

var s1 = Symbol.for('foo');Symbol.keyFor(s1) //"foo"var s2 = Symbol('foo');Symbol.keyFor(s2);//undefiend

上面的代碼中，變量s2屬于未登記的Symbol值，所以返回undefined

屬性名的遍歷

Symbol作為屬性名，雖然不是私有屬性，但是在for…in,for…of循環中，Object.keys() ,Object.getOwnPropertyNames()都不會獲取到。通常通過兩種方法達到Symbol屬性的遍歷。

Object.getOwnPropertySymbols方法返回一個數組，成員是當前對象的所有Symbol值的屬性。

Reflect.ownKeys()可以返回所有類型的鍵名，包括包括常規的鍵名和Symbol鍵名.

下面給出一個例子來解釋上面所有的。

var obj = {};var a = Symbol('a');var b = Symbol('b');obj[a] = 'hello';obj[b] = 'world';//獲取不到for(var i in obj){ console.log(i); //無輸出}Object.getOwnPropertyNames(obj);//[]//可以獲取var objectSymbols = Object.getOwnPropertySymbols(obj);objectSymbols// [Symbol(a), Symbol(b)]Reflect.ownKeys(obj);//[Symbol(a), Symbol(b)]

以Symbol值作為名稱的屬性不會被常規方法遍歷所得到。我們可以利用這個特性，為對象定義一些非私有但又希望只用于內部的方法。

var size = Symbol('size');class Collection { constructor(){ this[size] = 0; } add(item){ this[this[size]] = item; this[size]++; } static sizeOf(instance){ return instance[size]; }}var x = new Collection();Collection.sizeOf(x); //0x.add('foo');Collection.sizeOf(x); //1Object.keys(x)//['0']Object.getOwnPropertyNames(x) //['0']Object.getOwnPropertySymbols(x) //[Symbol(size)]

上面的代碼中，對象x的size屬性是一個Symbol值，所以Object.keys(x) 、Object.getOwnPropertyNames(x)都無法獲取它。這就造成了一種非私有的內部方法的效果。如果對ES6定義類方面還不清楚的，可以先不看這段，或者自己查查資料，后面的文章我也會分享出來，總的來說現在JavaScript的新標準越來越像Java了，比如新增的const、let塊級作用域，class定義類等等。

內置的Symbol值

除了自己定義的Symbol值外，JavaScript有一些內置的Symbol表示的內部語言行為不在ECMAScript 5及以前暴露給開發者。這些Symbol可以被訪問被下列屬性:

1、Symbol.iterator

返回對象的默認迭代器的方法。被for…of使用

2、Symbol.math

與字符串匹配的方法，也用于判斷對象是否可以用作正則表達式.被 String.prototype.match()使用。

3、Symbol.replace

一種方法取代匹配字符串的子串。被String.prototype.replace()使用。

4、Symbol.search

返回與正則表達式匹配的字符串內返回索引的方法。被String.prototype.search()使用。

5、Symbol.split

在與正則表達式匹配的索引處拆分字符串的方法。被String.prototype.split()使用.