js中的将对象转换为数字或字符串的面试题
在一些代码中,会存在一些类型的转换的的问题,今天我们说明一些将对象转化为字符串或数字的问题
- 首先会查看对象中Symbol.toPrimitive属性,如果有就会调用这个属性对应的方法
- 如果没有Symbol.toPrimitive属性,紧接着就调用对象的valueOf方法,如果返回的是一个基本类型的值就不会再往下找了,就用这个了
- 如果对象的valueOf方法返回的不是一个基本类型的值,那么它就会调用对象的toString()方法
证明
var obj = {
name:'小学生'
}
console.log(obj[Symbol.toPrimitive]) //undefined
cosnole.log(obj.valueOf());//还是一个obj这个对象
console.log(obj.toString());//'[object Object]'
let string = `我是一名${
obj}` //在模板字符串中,对象是会被转化为字符串的
console.log(string)
//结果为:'我是一名[object Object]'
//1.原因:是因为对象转化为字符串时,会先调用obj[Symbol.toPrimitive]这个方法,但是obj这个方法没有这个方法
//2.那么就会找obj.valueOf()这个方法,但是这个方法的返回值,不是一个基本类型的值
//3.那么它就会掉用对象的toString()
//所以结果为:'我是一名[object Object]'
//------------------------------------------------
//为obj对象添加Symbol.toPrimitive属性
obj[Symbol.toPrimitive] = function (){
return '前端工程师'
}
string = `我是一名${
obj}`
cosnole.log(string); // '我是一个名前端工程师'
valueOf()
let obj = {
name:'李云龙'
}
cosnole.log(obj[Symbol.toPrimitive]) //undefined
cosnole.log(obj.valueOf());//返回的不是一个基本类型的值
let string = `${
obj} // [object Object]
obj.valueOf = function (){
reutrn '我是valueOf方法返回的'
}
string = `${
obj} // `'我是valueOf方法返回的'
toString()
let obj = {
name:'楚云飞'
}
cosnole.log(obj[Symbol.toPrimitive])//undefined
console.log(obj.valueOf());//返回的不是一个基本类型的值
obj.toString = function (){
return '我是toString返回来的值'
}
console.log(`${
obj}`);// '我是toString返回来的值'