ES6入門之Symbol


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...infor...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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM