ES6-Symbol

javaScript的数据类型:number,string,boolean,undefined,null,object

ES6带来了一个新的数据类型:symbol

目的是:解决对象的属性名冲突的问题。

let sm1=Symbol();

let sm2=Symbol();

console.log(sm1);   //Symbol()

console.log(sm2);   //Symbol()

console.log(typeof sm1)    //symbol

console.log(sm1===sm2)   //false

从测试可以发现 虽然sm1和sm2看起来很一样,但他们其实是不相等的。为了让不同的Symbol看起来不一样,我们可以通过参数来实现:

let sm1=Symbol('sm1');

let sm2=Symbol('sm2');

console.log(sm1);   //Symbol(sm1)

console.log(sm2);   //Symbol(sm2)

参数就像是Symbol的描述,用来区分看起来相同,实则不同的Symbol,但要注意,即使描述相同,sm1和sm2也不同,毕竟他们本来就是不同的东西。

下面我们来看用Symbol解决对象属性命名冲突的注意问题:

(1)当symbol值作为对象的属性名时,不能用点号来取得对应的属性值。

let name=Symbol();

let person={

  [name]:'Lily'     //以Symbol作为属性名name

};

console.log(person[name])  //Lily

console.log(person.name)    //undefined  不能用点号来取得对应的属性值

(2)当symbol值作为对象的属性名时,也不能用点号来设置对应的属性值

let name=Symbol();

let person={}

paseon.name='Lily'     //以Symbol作为属性名name,以点号赋值。

console.log(person[name])  //undefined 不能用点号来设置对应的属性值

console.log(person['name'])  //Lily

console.log(person.name)    //Lily

可以看出,当用点号赋值时,其实javascript就不会把点号后的值理解为symbol类型,而是字符串类型,就相当于没有使用symbol

(3)如何遍历symbol类型的属性名:Object.getOwnPropertySymbols()

let name=Symbol();

let person={

  [name]:'Lily' ,    //symbol类型

  'age':12   //string类型

};

Object.keys(person)   //['age']

for(let key in person){

  console.log(key)   // age

}

我们发现使用Object.keys()和for...in都无法遍历出symbol类型的属性。

我们可以用Object.getOwnPropertySymbols()来获取symbol类型的属性:

Object.getOwnPropertySymbols(person) //  [Symbol(name)]

(4)获取对象上的所有属性名:Reflect.ownKeys()

Reflect.ownKeys(person)  // ['age',Symbol(name)]

(5)用Symbol.for()创建全局变量

let sm1=Symbol.for('name');

let sm2=Symbol.for('name');

之前我们说过,在用Symbol创建变量时,即使描述相同,两个变量实际也是不同的(console.log(sm1===sm2)   //false  )。

但这里,我们用Symbol.for()来创建得到的结果是:

console.log(sm1===sm2)   //true

原因是:使用Symbol.for()来创建的symbol值被登记在全局环境中,以便用Symbol.for()来搜索。也就是使用Symbol创建的symbol值是无法用Symbol.for()来搜索的。

let sm1=Symbol('name');

let sm2=Symbol.for('name');

console.log(sm1===sm2)   //false

(6)Symbol.keyFor()  返回一个被登记在全局环境中的symbol值的key,没有返回undefined

let sm1=Symbol.for('name');

Symbol.keyFor('sm1')   //name

let sm1=Symbol('name');

Symbol.keyFor('sm1')   // undefined

上一篇:前端基础之JavaScript_(3)_DOM对象


下一篇:ssh username@10.2.1.23无法连接