一篇文章理解ES6中的Symbol

基本概念

Symbol 是 ECMAScript 2015 中新添加的特性,生成一个唯一标识,可用于属性名称、也可以用于属性值,目的是为了消除属性名称冲突

  • Symbol值使用Symbol()函数生成,typeOf symbol值 输出为"symbol"。

  • Symbol()函数不能有用new 命令,因为Symbol是一个原始类型的值,不是对象。

  • Symbol值不能与其他类型值进行运算,会报错;但是Symbol值可以用toString()方法转为字符串,可以转为布尔值(true), 但不能转换为数值

  • Symbol可以设置参数对Symbol值进行描述

用法

1.使用字符串来作为参数,可以用来描述和区分多个Symbol的值

let sym1 = Symbol('aaa')
let sym2 = Symbol('bbb')
let sym3 = Symbol('ccc')
console.log(sym1);
console.log(sym2);
console.log(sym3);
console.log(sym1 === sym2);

2.每次调用Symbol函数,都是创建了新的Symbol

console.log(Symbol('111') === Symbol('111'));

3.不能使用new 操作符

new Symbol('2222')

4.保证属性名的唯一性

const keyObj = Symbol('keyobj')
let obj = {}
obj[keyObj] = 123
console.log(obj[keyObj]);
​
let obj2 = {
  [keyObj] () {
    return 'obj2 666'
  }
}
console.log(obj2[keyObj]());

5.使用Symbol替换 紧耦合 的字符串

let logObj = {
  DEBUG: Symbol('debug'),
  INFO: Symbol('info'),
  WAEN: Symbol('warn')
}
function logFn (type, msg) {
  switch (type) {
    case logObj.DEBUG:
      console.log(msg);
      break;
    case logObj.INFO:
      console.log(msg);
      break;
    case logObj.WARN:
      console.log(msg);
      break;
    default:
      console.log('default');
      break
  }
}
logFn(logObj.DEBUG, '这是一个BUG')
logFn(logObj.INFO, '这是一个INFO')
logFn(logObj.WARN, '这是一个WARN')

6.获得指定对象的所有的Symbol属性名

使用 Object.getOwnPropertySymbols() 方法

const objTemp = {}
let a = Symbol('aaa')
let b = Symbol('bbb')
objTemp[a] = '这是a属性'
objTemp[b] = '这是b属性'
​
const n = Object.getOwnPropertySymbols(objTemp)
console.log(n);

7.Symbol.prototype.description

在Symbol函数创建Symbol值时候,用参数添加一个描述。

读取这个描述需要将Symbol显示转为字符串比较麻烦,直接读取description属性返回Symbol值描述。

const sym = Symbol('foo');
sym.description // "foo"

8.内置的 Symbol 值

  • Symbol.isConcatSpreadableSymbol.isConcatSpreadable 属性等于一个布尔值,表示该对象用于Array.prototype.concat()时,能否可以展开。该属性默认为undefined,与设置为true时的结果一样,表示默认展开。而类似数组的则正好相反,默认不展开。

  • Symbol.hasInstance: 对象的Symbol.hasInstance属性,指向一个内部方法。当其他对象使用instanceof运算符,判断是否为该对象的实例时,会调用这个方法

  • Symbol.species:指向一个构造函数。创建衍生对象时,会使用该属性

  • Symbol.match:对象的Symbol.match属性,指向一个函数。当执行str.match(myObject)时,如果该属性存在,会调用它,返回该方法的返回值。

  • Symbol.replace:对象的Symbol.replace属性,指向一个方法,当该对象被String.prototype.replace方法调用时,会返回该方法的返回值。

  • Symbol.search:对象的Symbol.search属性,指向一个方法,当该对象被String.prototype.search方法调用时,会返回该方法的返回值。

  • Symbol.iterator:对象的Symbol.iterator属性,指向该对象的默认遍历器方法

  • Symbol.toPrimitive:对象的Symbol.toPrimitive属性,指向一个方法。该对象被转为原始类型的值时,会调用这个方法,返回该对象对应的原始类型值

  • Symbol.split:对象的Symbol.split属性,指向一个方法,当该对象被String.prototype.split方法调用时,会返回该方法的返回值

  • Symbol.toStringTag:对象的Symbol.toStringTag属性,指向一个方法

  • Symbol.unscopables:对象的Symbol.unscopables属性,指向一个对象。该对象指定了使用with关键字时,哪些属性会被with环境排除。

9.Symbol.for(),Symbol.keyFor()

  • Symbol.keyFor() :返回一个已登记的 Symbol 类型值的key

  • Symbol.for()接受一个字符串作为参数,然后搜索有没有以该参数作为名称的 Symbol 值。如果有,就返回这个 Symbol 值,否则就新建一个以该字符串为名称的 Symbol 值,并将其注册到全局。与Symbol()不一样的是,Symbol()不会被登记()在全局中进行搜索。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Mr.怪兽

希望大家能够多多支持,我会继续

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值