es6新增的基本數據類型:1、Symbol類型,表示獨一無二的值,即Symbol實例是唯一、不可變的;它的產生是因為要用來唯一的標記,進而用作非字符串形式的對象屬性,是確保對象屬性使用唯一標識符,不會發生屬性沖突的危險。2、BigInt類型,提供對任意長度整數的支持,主要是為了表達大于“2^53-1”的整數。
前端(vue)入門到精通課程:進入學習
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API調試工具:點擊使用
本教程操作環境:windows7系統、ECMAScript 6版、Dell G3電腦。
基本數據類型
也稱為原始數據類型,包括String、Number、Boolean、undefined、null、Symbol、BigInt,其中Symbol
和BigInt
為ES6新增。
Symbol 類型
Symbol 是 ECMAScript6 中引入的一種新的數據類型,表示獨一無二的值。Symbol 是原始值(基礎數據類型),且 Symbol 實例是唯一、不可變的。它的產生是因為要用來唯一的標記,進而用作非字符串形式的對象屬性,是確保對象屬性使用唯一標識符,不會發生屬性沖突的危險。
在 ES6 之前,對象的鍵只能是字符串類型,但是這樣有個問題,就是會造成鍵名命名沖突,后者覆蓋前者,這個時候就需要一個唯一值來充當鍵名,Symbol 橫空出世。
1、概念
symbol 是一種基本數據類型,Symbol()函數會返回 symbol 類型的值,該類型具有靜態屬性和靜態方法。但是它不是構造函數,不能用 new Symbol()來創建。
let symbol = Symbol(); typeof symbol; // "symbol"
Symbol 作為對象屬性時,當在對象內部時,必須要用方括號括起來,不用方括號括起來代表的是字符串。
let s = Symbol(); let obj = { [s]: "Jack", }; obj[s]; // "Jack" obj.s; // undefined
而且當要取該屬性的值時,不能用點運算符,因為點運算符后面同樣是字符串類型。
創建 Symbol 數據類型時,都是 Symbol()這么創建的,當打印出來時,都為 Symbol(),這樣很難區別各個 Symbol 類型的變量是什么意思。所以在 Symbol 函數內可以接收一個字符串的參數,表示該定義 Symbol 類型變量的描述。
let s1 = Symbol("a"); console.log(s1); // Symbol(a) s1.toString(); // "Symbol(a)"
如果 Symbol 類型接收的一個對象類型的話,那就會先調用其內部的 toString 方法,將其變為一個字符串,然后才生成一個 Symbol 值。
let arr = [1, 2, 3]; let s1 = Symbol(arr); console.log(s1); // Symbol(1,2,3) let obj = { toString: () => "abc", }; let s2 = Symbol(obj); console.log(s2); // Symbol(abc)
Symbol 類型的變量是不能和其他變量參與運算的,而且其只能轉為 String 類型和 Boolean 類型。
let s = Symbol(); console.log("1" + s); // TypeError: Cannot convert a Symbol value to a string s.toString(); // "Symbol()" Boolean(s); // true Number(s); // TypeError: Cannot convert a Symbol value to a number
2、Symbol.prototype.description
當給 Symbol 添加描述時,可以通過 Symbol.prototype.description 來獲取該描述。
let s = Symbol("Jack"); s.description; // 'Jack'
3、Symbol.for(key)和 Symbol.keyFor(sym)
最開始看到這兩個方法時,我以為是兩個遍歷的方法。
-
Symbol.for(key):使用給定的 key 搜索現有的 symbol,如果找到則返回該 symbol。否則將使用給定的 key 在全局 symbol 注冊表中創建一個新的 symbol。
-
Symbol.keyFor(sym):從全局 symbol 注冊表中,為給定的 symbol 檢索一個 key。
let s1 = Symbol.for("foo"); let s2 = Symbol.for("foo"); s1 === s2; // true
Symbol.for 會搜索有沒有以該參數作為名稱的 Symbol 值。如果有,就返回這個 Symbol 值,否則就新建一個以該字符串為名稱的 Symbol 值,并將其注冊到全局。所以由其創建的兩個相同描述的值會相等。這種創建就和普通的 Symbol()有著截然不同的結果了:
let s1 = Symbol("foo"); let s2 = Symbol("foo"); s1 === s2; // false
因為不管怎樣 Symbol()返回的都是一個全新的值,換句話說 Symbol()生成的值沒有注冊在全局中,所以返回的值都是全新的,而 Symbol.for()會在先在全局中查找,有就返回這個值,沒有則創建新的值,但新的值也是掛載在全局中的。
Symbol.keyFor(sym)是在全局中查找是否有該 Symbol 值,有則返回該描述。
let s1 = Symbol.for("Jack"); Symbol.keyFor(s1); // 'Jack' let s2 = Symbol("Rose"); Symbol.keyFor(s2); // undefined
因為 s2 沒有掛載在全局中,所以 Symbol.keyFor()找不到它,故返回 undefined。
4、內置的 Symbol 屬性
除了定義自己使用的 Symbol 值以外,ES6 還提供了 13(有可能今后會