目录
toString方法
Object.prototype.toString()
方法在自定义对象中未被覆盖,toString() 返回 "[object type]"
,其中 type 是对象的类型
var obj = { a: 1 }
obj.toString() // [object Object]
※ 利用toString检测对象类型
每个对象都能通过 Object.prototype.toString()
来检测,但是很多的原生对象的toString都是改写过的,所以我们就需要以 Function.prototype.call()
或者 Function.prototype.apply()
的形式来调用,传递要检查的对象作为第一个参数 thisArg
// 原生对象
Object.prototype.toString.call(new Object) // [object Object]
Object.prototype.toString.call(new String) // [object String]
Object.prototype.toString.call(new Date); // [object Date]
Object.prototype.toString.call(Math); // [object Math]
// ...
// 所有的原生对象都可以检测
// undefined null
Object.prototype.toString.call(undefined); // '[object Undefined]'
Object.prototype.toString.call(null); // '[object Null]'
// 自定义类
class A {}
Object.prototype.toString.call(new A) // '[object Object]'
那么问题来了,为什么原生js的类可以打印出对应的对象类型,我自己的类就是普普通通的Object呢?
然后去查了下文档
- null和undefined
- 其他的对象
然后我为大家翻译了一下(不是我看不懂哈
当调用 toString 方法时,会执行以下步骤:
1.获取该对象的[[Class]]属性。
2.调用 ToString(Result(1))。
3.通过连接三个字符串“[object”、Result(2) 和“]”来计算字符串值。
4.返回结果(3)。
于是乎我们就找到问题的关键[[Class]],但~~~是console.dir一下发现没有。。。。
幸好机智的发现了Math里面有一个Symbol(Symbol.toStringTag): "Math"
然后我就尝试了一下
class A {
get [Symbol.toStringTag] () {
return 'Ahaha'
}
}
console.log(Object.prototype.toString.call(new A)) // '[object Ahaha]'
截图为证
我们也可以自定义对象的toString,这个这里就不谈了
还几个js自己改写了的也简单说一下吧
Array.prototype.toString()
返回一个字符串,表示指定的数组及其元素。
const arr = [1, 2, 3]
arr.toString() // '1,2,3'
// 特殊情况
[1, {a : 2}].toString() // '1,[object Object]'
// ...其他的类型调各自的toString
Number.prototype.toString()
返回指定 Number 对象的字符串表示形式。
- 语法
numObj.toString([radix])
radix
指定要用于数字到字符串的转换的进制(从2到36)。如果未指定 radix 参数,则默认值为 10。如果参数不在2到36内,会报错。负数会保留-
// copy的mdn上的懒得写了
var count = 10;
console.log(count.toString()); // 输出 '10'
console.log((17).toString()); // 输出 '17'
console.log((17.2).toString()); // 输出 '17.2'
var x = 6;
console.log(x.toString(2)); // 输出 '110'
console.log((254).toString(16)); // 输出 'fe'
console.log((-10).toString(2)); // 输出 '-1010'
console.log((-0xff).toString(2)); // 输出 '-11111111'
Function.prototype.toString()
返回一个表示当前函数源代码的字符串。
!!!!打印函数体
用处还是挺大的,我有一个大胆的想法
console.log(Object.prototype.toString.toString())
// 结果, function toString() { [native code] }
// 果然是我想多了
至于这个[native code],简单的搜索了一下,大概意思就是原生函数体不会给我们看,原生的方法调用toString
方法时V8引擎是以function + Name + () { [native code] }
的格式返回。