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]

总结

通过本章的学习我们又了解到：原来我经常用的实例检测，对象类型检测和对象类型转换还跟Symbol相关呢。关于Symbol的三个内置属性是就分享到这里了。

喜欢的小伙伴欢迎点赞留言加关注哦！

Symbol - 看似平凡的Symbol其实我们每天都在用 - 对象操作相关推荐

Symbol - 看似平凡的Symbol其实我们每天都在用 - 字符串操作
前言小伙伴们大家好.前面我们分享了一篇关于对象操作的几个Symbol的内置属性.比如实例检测的Symbol.hasInstance,对象类型转换的Symbol.toPrimitive和检测数据类型的 ...
世界上最神奇的数字：142857，看似平凡的数字，为什么说他最神奇呢？——The world's most amazing number: 142857...
世界上最神奇的数字:142857,看似平凡的数字,为什么说他最神奇呢? 我们把它从1乘到6看看 142857 X 1 = 142857 142857 X 2 = 285714 142857 X 3 = ...
计算机专业可以考天文学研究生吗,天文学专业强势高校来袭看似冷门考生却挤破头都想去...
原标题:天文学专业强势高校来袭看似冷门考生却挤破头都想去有这样一个专业,听起来让人"望尘莫及",它就是"天文学".提到天文,人们可能都会联想到宇宙" ...
Office Word 公式乱码解决方案 symbol字体安装文件 symbol.ttf下载
Office的公式变成了乱码,解决方案如下: 下载symbol字体 ,下载地址如下 symbol.ttf字体文件Office公式乱码解决方案-专业指导文档类资源-CSDN下载安装字体. 重新启动Of ...
undefined reference to symbol xxxxx和undefined symbol:xxxx错误的原因分析以及解决方法
Linux下编译程序时,经常会遇到"undefined reference to XXX" 报错,或者运行时出现undefined symbol:xxxx报错. 这里总结一些可能的 ...
编译库文件时报错move_base: symbol lookup error: undefined symbol:
Q:编译库文件时报错/opt/ros/kinetic/lib/move_base/move_base: symbol lookup error: /home/xjl/deepDisk/ubuntu/f ...
Cannot resolve symbol ‘NotBlank‘ Cannot resolve symbol ‘Email‘ Cannot resolve symbol ‘NotEmpty‘
@Validated数据检验出现问题没有添加依赖 <dependency><groupId>org.springframework.boot</groupId>& ...
shouldoverrideurlloading为什么有时候不走_心理学：为什么很多看似不般配的人，往往都能走到最后？...
每天耕耘最有趣.最实用的心理学俗话说:不是一家人,不进一家门.很多时候两个人之所以能够在一起,是因为他们之间有很多相似的地方. 例如相同的价值观.兴趣爱好.着装搭配.人生目标等等,这些相似性就像磁铁 ...
氮化镓充电器哪家做得好_这颗国产器看似简单：每个氮化镓充电器都少不了
充电头网在OPPO 50W饼干氮化镓快充发布会当天便这款产品其进行了详细的拆解.据充电头网分析得知,这款充电器输入端采用了一颗来自深圳市沃尔德实业有限公司的软桥WRMSB40M(沃尔德已取得" ...

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

前言

Symbol.hasInstance

Symbol.toPrimitive

Symbol.toStringTag

总结

Symbol - 看似平凡的Symbol其实我们每天都在用 - 对象操作相关推荐

最新文章

热门文章