一、Symbol類型

symbol?是一種基本數(shù)據(jù)類型 （primitive data type）。每個從Symbol()返回的symbol值都是唯一的。

不支持語法："new Symbol()"：從 ECMAScript 6 開始不再被支持原始數(shù)據(jù)類型創(chuàng)建一個顯式包裝器對象。 然而，現(xiàn)有的原始包裝器對象，如?new Boolean、new String以及new Number，因為遺留原因仍可被創(chuàng)建。所以目前只有Symbol類型不能創(chuàng)建包裝器對象。

直接使用Symbol()創(chuàng)建新的symbol類型，并用一個可選的字符串作為其描述。主要是為了在控制臺顯示，或者轉(zhuǎn)為字符串時，比較容易區(qū)分

var sym1 = Symbol(); var sym2 = Symbol('foo'); var sym3 = Symbol('foo');

上面的代碼創(chuàng)建了三個新的symbol類型。 注意，Symbol("foo")?不會強制將字符串 “foo” 轉(zhuǎn)換成symbol類型。它每次都會創(chuàng)建一個新的 symbol類型。

注意，Symbol函數(shù)的參數(shù)只是表示對當前 Symbol 值的描述，因此相同參數(shù)的Symbol函數(shù)的返回值是不相等的。

Symbol("foo") === Symbol("foo"); // false

?Symbol 值可以顯式轉(zhuǎn)為字符串。

let sym = Symbol('My symbol');String(sym) // 'Symbol(My symbol)' sym.toString() // 'Symbol(My symbol)'

Symbol 值也可以轉(zhuǎn)為布爾值，但是不能轉(zhuǎn)為數(shù)值。

let sym = Symbol(); Boolean(sym) // true !sym // falseif (sym) {// ... }Number(sym) // TypeError sym + 2 // TypeError

?作為對象的屬性，寫法上要用[ ]變量的形式

let sym = Symbol();let obj = {[sym]: function (arg) {console.log(arg); //123}};obj[sym](123);

?只有上述方式可以操作和獲取Symbol鍵，以下方式不可以：

因為Symbol的唯一性，對象屬性的Symbol("foo")和打印的Symbol("foo")屬性不是一個

var obj = {[Symbol("foo")] : 1}console.log(obj[Symbol("foo")]);

獲取對象的symbol類型的屬性名：

Symbol 作為屬性名，遍歷對象的時候，該屬性不會出現(xiàn)在for...in、for...of循環(huán)中，也不會被Object.keys()、Object.getOwnPropertyNames()、JSON.stringify()返回。

但是，它也不是私有屬性，有一個Object.getOwnPropertySymbols()方法，可以獲取指定對象的所有 Symbol 屬性名。該方法返回一個數(shù)組，成員是當前對象的所有用作屬性名的 Symbol 值。注意，每個初始化的對象都是沒有自己的symbol屬性的，因此這個數(shù)組可能為空，除非你已經(jīng)在對象上設(shè)置了symbol屬性。

const obj = {};let a = Symbol('a');let b = Symbol('b');obj[a] = 'Hello';obj[b] = 'World';const objectSymbols = Object.getOwnPropertySymbols(obj);// [Symbol(a), Symbol(b)]

?

var sym = Symbol("foo");var obj = {[sym] : 1}console.log(Object.getOwnPropertyDescriptors(obj));

二、Symbol方法

Symbol.for()方法和 ?Symbol.keyFor()

有時，我們希望重新使用同一個 Symbol 值，Symbol.for()方法可以做到這一點。它接受一個字符串作為參數(shù)，然后搜索有沒有以該參數(shù)作為名稱的 Symbol 值。如果有，就返回這個 Symbol 值，否則就新建一個以該字符串為名稱的 Symbol 值，并將其注冊到全局。

let sym1 = Symbol.for('foo');let sym2 = Symbol.for('foo');sym1 === sym2 // true

Symbol.for()不會每次調(diào)用就返回一個新的 Symbol 類型的值，而是會先檢查給定的key是否已經(jīng)存在，如果不存在才會新建一個值。比如，如果你調(diào)用Symbol.for("cat")30 次，每次都會返回同一個 Symbol 值，但是調(diào)用Symbol("cat")30 次，會返回 30 個不同的 Symbol 值。

注意：Symbol.for（）的值， symbol 注冊表中的值

let sym1 = Symbol.for('foo');let sym2 = Symbol.for('bar');console.log(sym1,sym2); Symbol(foo) Symbol(bar)

Symbol.keyFor(sym)?方法用來獲取 symbol 注冊表中某個 symbol 關(guān)聯(lián)的鍵

let sym1 = Symbol.for('foo');let sym2 = Symbol.for('bar');console.log(Symbol.keyFor(sym1),Symbol.keyFor(sym2)); foo bar

三、Symbol屬性

1、Symbol.iterator?為對象定義了默認的迭代器。該迭代器可以被?for...of?循環(huán)使用。

當需要對一個對象進行迭代時（比如開始用于一個for..of循環(huán)中），它的@@iterator方法都會在不傳參情況下被調(diào)用，返回的迭代器用于獲取要迭代的值。

一些內(nèi)置類型擁有默認的迭代器行為，其他類型（如?Object）則沒有。下表中的內(nèi)置類型擁有默認的@@iterator方法：

• Array.prototype[@@iterator]()
• TypedArray.prototype[@@iterator]()
• String.prototype[@@iterator]()
• Map.prototype[@@iterator]()
• Set.prototype[@@iterator]()

（1）數(shù)組

Symbol在對象中存在的形式：

let sym = Symbol("foo"); var obj = {[sym]: function(){} } console.log(obj);

?

數(shù)組中[Symbol.iterator]屬性

let arr = [1,2,3];console.log(arr.valueOf());//數(shù)組沒有該方法，繼承對象的該方法console.log(arr.values()); //ES6新增方法console.log(arr[Symbol.iterator]()); //該方法也指向values函數(shù)體

結(jié)果：iterator對象 ——> Array Iterator對象?——> Object

（2）字符串

字符串中[Symbol.iterator]屬性

let str = new String("abc"); console.log(str[Symbol.iterator]()); //得到iterator對象

?結(jié)果：該iterator對象 ——>? String Iterator對象 ——>? Object

?

（3）Map

（4）Set

屬性

Symbol.iterator

Symbol.unscopables

?

總結(jié)

以上是生活随笔為你收集整理的Symbol类型的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。