ES6新特性之Symbol类型用法分析

ES6新特性之Symbol类型用法分析

本文实例讲述了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.defineProperthttp://y(obj, s3, {

value: 'ES2015'

});

console.log(obj); //Object {Symbol(): "hi", Symbol(): "ES6", Symbol(): "ES2015"}

chttp://onsole.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);

cohttp://nsole.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程序设计有所帮助。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。