彻底了解toString和valueOf区别

toSring和valueof 两者都是对象的方法！前者返回对象的字符串，后者返回对象的原始值，如果没有原始值则返回对象本身！

1.toSring()

直接看代码

console.log((1).toString());//1
console.log((10).toString(2))//1010
console.log(("1").toString());//1
console.log((false).toString());//false
console.log(({p:1}).toString());//[object,object]
console.log((undefined).toString());//报错
console.log((null).toString());//报错
console.log((function(){}).toString());//function(){}
console.log([1,2,3,4].toString());//1,2,3,4
console.log((new Date()).toString())//Fri Jul 03 2020 17:20:11 GMT+0800 (中国标准时间)

由于是对象的方法，所以必须要是对象，由于1，“”1“”之前上篇文章说下，他是实例化出来的对象，只不过包装对象自己内部做了处理，生命周期很短，但是它原型上仍然有toString方法，不懂的可以点击这里!数组的这里也有个坑，数组也是对象，为什么对象返回是[object,object]，而数组返回的是对应的字符串，其实数组覆盖了Object.toString方法，然后将连接数组并返回一个字符串，其中包含用逗号分隔的每个数组元素（相当于Array.join()）!

var test= Object.prototype.toString;
console.log(test.call(1));//[object Number]
console.log(test.call("1"));//[object String]
console.log(test.call(false));//[object Boolean]
console.log(test.call({p:1}));//[object object]
console.log(test.call(undefined));//[object undefined]
console.log(test.call(null));//[object null]
console.log(test.call(function(){}));//[object Function]
console.log(test.call([1,2,3,4]));//[object Array]
console.log(test.call(new Date()));//[object Date]
console.log(test.call(new RegExp()));//[object RegExp]

Object.prototype.toString.toString()能够很好的判断数据的类型及内置对象

2.vauleOf()

也先看代码吧

console.log((1).valueOf());//1
console.log((10).valueOf(2))//报错
console.log(("1").valueOf());//1
console.log((false).valueOf());//false
console.log(({p:1}).valueOf());//{p:1}
console.log((undefined).valueOf());//报错
console.log((null).valueOf());//报错
console.log((function(){}).valueOf());//function(){}
console.log([1,2,3,4].valueOf());//[1,2,3,4]
console.log((new Date()).valueOf());//1593767848260

如果对象没有原始类型值就不作处理，直接返回对象本身！这里new Date()返回的是一堆数字，而toSring返回的是中文字符串！

总结：

1.toString()返回的是字符串，而valueOf()返回的是原始值，没有原始值返回对象本身
2.undefined和null都没有toString()和valueOf()方法
3.Date类型的toString()返回的表示时间的字符串；valueOf()返回的是现在到1970年1月1日的毫秒数
4.Number类型的toString()方法可以接收转换基数，返回不同进制的字符串形式的数值；而valueOf()方法无法接受转换基数
5.Object.prototype.toString.toString()能够很好的判断数据的类型及内置对象