js中的将对象转换为数字或字符串的面试题

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返回来的值'