ES5對象屬性名都是字符串容易造成屬性名的沖突。
eg:var a = { name: 'lucy'}; a.name = 'lili';
這樣就會重寫屬性
ES6引入了一種新的原始數據類型Symbol,表示獨一無二的值。
重新復習下新知識:基本數據類型有6種:Undefined、Null、布爾值(Boolean)、字符串(String)、數值(Number)、對象(Object)。
這里新添加了一種:Symbol
注意,Symbol
函數前不能使用new
命令,否則會報錯。這是因為生成的Symbol是一個原始類型的值,不是對象
Symbol
函數可以接受一個字符串作為參數,表示對Symbol實例的描述,主要是為了在控制台顯示,或者轉為字符串時,比較容易區分。
// 沒有參數的情況 var s1 = Symbol(); var s2 = Symbol(); s1 === s2 // false // 有參數的情況 var s1 = Symbol("foo"); var s2 = Symbol("foo"); s1 === s2 // false
Symbol值不能與其他類型的值進行運算
作為屬性名的Symbol
var mySymbol = Symbol(); // 第一種寫法 var a = {}; a[mySymbol] = 'Hello!'; // 第二種寫法 var a = { [mySymbol]: 'Hello!' }; // 第三種寫法 var a = {}; Object.defineProperty(a, mySymbol, { value: 'Hello!' }); // 以上寫法都得到同樣結果 a[mySymbol] // "Hello!"
注意,Symbol值作為對象屬性名時,不能用點運算符。
var a = {}; var name = Symbol(); a.name = 'lili'; a[name] = 'lucy'; console.log(a.name,a[name]); //lili,lucy
Symbol值作為屬性名時,該屬性還是公開屬性,不是私有屬性。
這個有點類似於java中的protected屬性(protected和private的區別:在類的外部都是不可以訪問的,在類內的子類可以繼承protected不可以繼承private)
但是這里的Symbol在類外部也是可以訪問的,只是不會出現在for...in
、for...of
循環中,也不會被Object.keys()
、Object.getOwnPropertyNames()
返回。但有一個Object.getOwnPropertySymbols
方法,可以獲取指定對象的所有Symbol屬性名
Symbol.for(),Symbol.keyFor()
Symbol.for機制有點類似於單例模式,首先在全局中搜索有沒有以該參數作為名稱的Symbol值,如果有,就返回這個Symbol值,否則就新建並返回一個以該字符串為名稱的Symbol值。和直接的Symbol就點不同了。
var s1 = Symbol.for('foo'); var s2 = Symbol.for('foo'); s1 === s2 // true
Symbol.keyFor方法返回一個已登記的Symbol類型值的key。實質就是檢測該Symbol是否已創建
var s1 = Symbol.for("foo"); Symbol.keyFor(s1) // "foo" var s2 = Symbol("foo"); Symbol.keyFor(s2) // undefined
內置的Symbol值
有11個方法,具體可以查看http://es6.ruanyifeng.com/#docs/symbol