其他分享
首页 > 其他分享> > Symbol - 看似平凡的Symbol其实我们每天都在用

Symbol - 看似平凡的Symbol其实我们每天都在用

作者:互联网

前言

小伙伴们大家好。今天继续分享Symbol相关的小知识。相信小伙伴们对instanceof,Object.prototype.toString,Number({}),String({})这些都不陌生吧,但小伙伴是否知道当我们使用这些东西时,其实多多少少都会跟Symbol有些许的关系。下面我们就来看一下到底有什么关系呢。

其实在日常开发中,除了能够定义自己使用的Symbol值以外,ES6还为我们提供了一些内置的Symbol属性值,指向语言内部使用的一些方法。

Symbol.hasInstance

对象的Symbol.hasInstance属性指向一个内部的方法,当我们使用instanceof去检测一个对象是否是一个类的实例时,就会调用这个方法。比如:arr instanceof Array,在底层实际调用的是Array[Symbol.hasInstance] (arr)这个方法,注意这个方法的返回值只能是布尔类型。

const Even = {
  [Symbol.hasInstance](obj) {
  	console.log('instanceof 时我会被调用哦')
    return Number(obj) % 2 === 0;
  }
};
1 instanceof Even // false
2 instanceof Even // true
12345 instanceof Even // false

Symbol.toPrimitive

对象的Symbol.toPrimitive属性指向一个内部的方法。当一个对象被转换为原始类型的值时,会调用这个方法并返回该对象被转换为原始类型后的值。
Symbol.toPrimitive被调用时接收一个字符串参数,并且该字符串只能是三个值中的一个:

  • ‘number’:把对象转换为数字时,参数值为’number’
  • ‘string’:把对象转换为字符串,参数值为’string’
  • ‘default’:默认值
let obj = {
  [Symbol.toPrimitive](hint) {
    switch (hint) {
      case 'number':
        return 1;
      case 'string':
        return 'obj';
      case 'default':
        return 'default';
   }
}
Number(obj) // 1
String(obj) // 'obj'
obj == 1 // 'default'

Symbol.toStringTag

对象的Symbol.toStringTag属性指向一个内部的方法。当我们通过调用object.prototype.toString方法去检测对象的具体数据类型时,会把Symbol.toStringTag属性的值返回,并出现在toString方法返回的字符串之中,表示对象的具体类型。比如如果检测一个对象的类型是[object Array],那么Symbol.toStringTag属性的值就是Array

let obj = {
	[Symbol.toStringTag]: "HelloWorld"
}
class Yannis{
	static [Symbol.toStringTag] = "Javascript"
}
Object.prototype.toString.call(obj);// [object HelloWorld]
Object.prototype.toString.call(Yannis);// [object Javascript]

标签:instanceof,obj,对象,Symbol,toStringTag,toString,平凡,看似
来源: https://blog.csdn.net/lixiaosenlin/article/details/120866829