DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript技巧 >> ES6新特性之Symbol類型用法分析
ES6新特性之Symbol類型用法分析
編輯:JavaScript技巧     

本文實例講述了ES6新特性之Symbol類型用法。分享給大家供大家參考,具體如下:

Symbol類型

1. 為了避免屬性名的沖突,ES6新增了Symbol類型。Symbol可以產生一個獨一無二的值。

let s1 = Symbol('a');
let s2 = Symbol('a');
console.log(s1); //Symbol(a)
console.log(typeof s1); //symbol
console.log(s1 == s2); //false

2.Symbol用於屬性名。

var s1 = Symbol();
var s2 = Symbol();
var s3 = Symbol();
var obj = {
  [s1]: 'hi'
};
obj[s2] = 'ES6';
Object.defineProperty(obj, s3, {
  value: 'ES2015'
});
console.log(obj); //Object {Symbol(): "hi", Symbol(): "ES6", Symbol(): "ES2015"}
console.log(obj.s1); //undefined -> 所以當用Symbol作為屬性名時候,不能用.運算符訪問屬性
console.log(obj[s1]); //hi
console.log(obj['s1']); //undefined

注意:Symbol作為屬性名,該屬性不會出現在 for...in...和 for...of... 循環中,也不會被 Object.keys(), Object.getOwnPropertyNames() 返回。Object.getOwnProertySymbols()返回一個數組,成員是當前對象的所有用作屬性名的symbol值。

2. Symbol.for() 接受一個字符串作為參數,然後搜索有沒有以該參數作為名稱的Symbol值,有就返回這個Symbol值,否則就新建並返回一個以該字符串為名稱的Symbol值。

3. Symbol.keyFor()方法返回一個已經登記的Symbol類型值的key。

Symbol()方法生成一個Symbol類型時,沒有登記,所以每次調用Symbol(哪怕傳入相同的字符串)會返回不同的Symbol,但是Symbol.for()在生成Symbol時候進行了登記,每次再次調用時,都會先尋找是否有傳入相同參數的Symbol,故只有Symbol.for()產生的Symbol才能被Symbol.keyFor()找到。

let s1 = Symbol('a');
let s2 = Symbol('a');
let s3 = Symbol.for('b');
let s4 = Symbol.for('b');
let name1 = Symbol.keyFor(s1);
let name3 = Symbol.keyFor(s3);
console.log(s1 == s2); //false
console.log(s1 == s3); //false
console.log(s2 == s3); //false
console.log(s3 == s4); //true
console.log(name1); //undefined
console.log(name3); //b

希望本文所述對大家ECMAScript程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved