本文實例講述了ES6中Symbol、Set和Map用法。分享給大家供大家參考,具體如下:
Symbol
1.Symbol 是 ES6 引入了一種新的原始數據類型,表示獨一無二的值。它是 JavaScript 語言的第七種數據類型,前六種分別是:undefined、null、布爾值(Boolean)、字符串(String)、數值(Number)、對象(Object);
2.Symbol 值通過Symbol函數生成,可以作為對象的屬性名使用,保證不會與其他屬性名產生沖突;
let s = Symbol();typeof s // symbol
ps:上面代碼表示創建一個Symbol變量,值得注意的是,Symbol函數前不能使用new命令,否則會報錯,也就是說Symbol 是一個原始類型的值,不是對象,也不能添加屬性;
3.Symbol函數可以接受一個字符串作為參數,表示對 Symbol 實例的描述,主要用于區分不同的 Symbol 變量;
let s1 = Symbol('a');let s2 = Symbol('b');s1.toString() // 'Symbol(a)'s2.toString() // 'Symbol(b)'ps:Symbol函數的參數只是表示對當前 Symbol 值的描述,因此相同參數的Symbol函數的返回值是不相等的
let s1 = Symbol('a');let s2 = Symbol('a');s1 === s2 //false4.Symbol 值不能與其他類型的值進行運算,但可以轉為布爾值,但是不能轉為數值;
let s = Symbol();s + '2' // Cannot convert a Symbol value to a stringBoolean(s) // true!s // false
5.用于對象的屬性名,可以保證不會出現同名的屬性,對于一個對象由多個模塊構成的情況非常有用,能防止某一個鍵被不小心改寫或覆蓋;值得注意的是,Symbol 值作為對象屬性名時,不能用點運算符,因為點運算符后面是一個字符串;
let s = Symbol();let obj = {};obj[s] = 'hello world';//或者let obj = { [s] : 'hello world'}obj.s // undefinedobj[s] // hello world6.Symbol 作為屬性名,不會被常規方法遍歷得到,即該屬性不會出現在for...in、for...of循環中,也不會被Object.keys()、Object.getOwnPropertyNames()、JSON.stringify()返回,但是,它并不是私有屬性,可以使用 Object.getOwnPropertySymbols 方法,可以獲取指定對象的所有 Symbol 屬性名;
var obj = {};var a = Symbol('a');var b = Symbol('b');obj[a] = 'Hello';obj[b] = 'World';obj.c = 'Mine';for( let key in obj ){ console.log(key) // c}var objectSymbols = Object.getOwnPropertySymbols(obj);console.log(objectSymbols) // [Symbol(a), Symbol(b)]7.Symbol.for方法接受一個字符串作為參數,然后搜索有沒有以該參數作為名稱的Symbol值。如果有,就返回這個Symbol值,否則就新建并返回一個以該字符串為名稱的Symbol值;它與Symbol()不同的是,Symbol.for()不會每次調用就返回一個新的 Symbol 類型的值,而是會先檢查給定的key是否已經存在,如果不存在才會新建一個值,而 Symbol()每次都會返回3不同的Symbol值;
新聞熱點
疑難解答
圖片精選