一、Symbol類型

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

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

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

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

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

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

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

?Symbol 值可以顯式轉為字符串。

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

Symbol 值也可以轉為布爾值，但是不能轉為數值。

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 作為屬性名，遍歷對象的時候，該屬性不會出現在for...in、for...of循環中，也不會被Object.keys()、Object.getOwnPropertyNames()、JSON.stringify()返回。

但是，它也不是私有屬性，有一個Object.getOwnPropertySymbols()方法，可以獲取指定對象的所有 Symbol 屬性名。該方法返回一個數組，成員是當前對象的所有用作屬性名的 Symbol 值。注意，每個初始化的對象都是沒有自己的symbol屬性的，因此這個數組可能為空，除非你已經在對象上設置了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()方法可以做到這一點。它接受一個字符串作為參數，然后搜索有沒有以該參數作為名稱的 Symbol 值。如果有，就返回這個 Symbol 值，否則就新建一個以該字符串為名稱的 Symbol 值，并將其注冊到全局。

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

Symbol.for()不會每次調用就返回一個新的 Symbol 類型的值，而是會先檢查給定的key是否已經存在，如果不存在才會新建一個值。比如，如果你調用Symbol.for("cat")30 次，每次都會返回同一個 Symbol 值，但是調用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 關聯的鍵

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?循環使用。

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

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

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

（1）數組

Symbol在對象中存在的形式：

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

?

數組中[Symbol.iterator]屬性

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

結果：iterator對象 ——> Array Iterator對象?——> Object

（2）字符串

字符串中[Symbol.iterator]屬性

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

?結果：該iterator對象 ——>? String Iterator對象 ——>? Object

?

（3）Map

（4）Set

屬性

Symbol.iterator

Symbol.unscopables

?

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。