ES6 symbol类型详解

发布时间:2019-08-09 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了ES6 symbol类型详解脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

一、定义
Symbol类型是新的原始数据类型,表示独一无二的值,其他的原始数据类型还有Number,String,Boolean,Null,Undefined;Object属于复杂数据类型。

二、参数

1、Symbol函数接受字符串作为参数,控制台输出时,比较容易区分。

2、Symbol函数的参数仅表示Symbol值得描述,相同的参数返回值也不一样

VAR a = Symbol('a'); 
var b = Symbol('a');
a === b   //false

3、Symbol.for()可以生成同一个Symbol值。

请输入代码
var a = Symbol.for('a'); 
var b = Symbol.for('a');
a === b   //true

Symbol.for()生成的名字是全局环境的,可以在不同的iframe中给取到值。

三、Symbol值作为对象
1、Symbol值作为属性名时不能使用点运算
2、定义属性时,必须放在方括号内,与普通键值进行区分。

var a = Symbol('a');
var obj = {
   a: 'normal key',
  [a]: 'symbol key'    
}

3、Symbol值定义的属性属于公开属性,普通方法无法遍历。

//如上例
Obj.getOwnPRoPErty()   //['a']
Obj.getOwnPropertySymbols() //[Symbol('a')]

Refelect.ownKeys() // ['a', Symbol('a')]

4、利用Symbol的特性可定义内部私有属性或方法

function getObj (obj) {
   let privateKey = symbol('privateKey'),
       objCopy = ...obj || {};
   objCopy[privateKey] = function privateFunc () {
       console.LOG('privateFunc ')
   }
   return objCopy;
}

let newObj = getObj();
newObj[privateKey]  // 报错,外部无法获取到privateKey的值
newObj[symbol('privateKey')]  //undefined,此时的symbol已经变成新的symbol值

三、注意点
1、Symbol值不能进行隐式转换,因此它与其他类型的值进行运算,会报错。

2、Symbol值可显示地转换成字符串。

var a = Symbol('a');
a.toString()   // 'Symbol(a)'

3、可以显示或隐式转成Boolen,却不能转成数值。

var a = Symbol('a');
Boolean(a)  //true
if (a) { 
   console.log(a);
}   //Symbol('a') 打印出来地Symbol值会带上参数,便于区分

脚本宝典总结

以上是脚本宝典为你收集整理的ES6 symbol类型详解全部内容,希望文章能够帮你解决ES6 symbol类型详解所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。