一篇搞懂 toString()函数与valueOf()函数

tostring 和 valueOf 函数是解决值的显示和运算的问题。所有的 Object 类型的数据都自带 toString 和 valueOf 函数。

比如我们定一个 Object 类型数据：

const obj = {
    name: "duxin"
}
console.log(obj.valueOf()); // { name: 'duxin' }

toString()

toString 函数的作用是把一个逻辑转换为字符串，并且返回 Object 类型数据的 toString()默认的返回值"[object Object]"。

如果我们在定义对象的时候，可以重写 tosString 函数，这样 toString 的返回值可读性会更好一些，比如：

const obj = {
    name: "duxin",
    toString:function(){
        return this.name;
    }
}
console.log(obj.valueOf()); // { name: 'duxin' }
console.log(obj.toString()); // duxin

以下这些函数都是有自定义的 toString 函数：

1. Array 的 toString 函数返回值是以逗号分隔的字符串；
2. Function 的 toString 函数返回值是函数自身的文本定义；
3. Date 的 toString 函数返回值是时间字符串；

valueOf()

valueOf 函数返回引用类型的原始值，如果没有原始值，就返回"{}"，就是空对象的字面量。

1. Array的valueOf函数返回的值数组本身；
2. Function的valueOf函数返回的是函数本身；
3. Date的valueOf函数返回的值时间戳。

在发生数据类型转换的时候，有liang两种场景：

1. 引用数据类型转为String，先是调用toString函数，有值的话，就直接返回该字符串；如果对象没有toString，那就调用valueOf函数，然后将原始值转为字符串并且返回；如果toString或者valueOf都不能获取原始值，那就抛出类型转换异常；

var arr = [];

arr.toString = function () {
     console.log('调用了toString()函数');
     return [];
};

arr.valueOf = function () {
     console.log('调用了valueOf()函数');
     return [];
};

console.log(String(arr));

在执行String(arr)的时候，是先将数组转为字符串，调用的是toString，它的结果不能转为string；

那就调用valueOf函数，它的返回值也是一个空数组，也不能转为字符串，那就只能抛出类型转换异常了。

2. 引用类型在转化为number的时候，首先会判断对象是否含有valueOf函数，如果有，那就调用valueOf函数，把它的返回值转为数字，然后返回；如果没有valueOf函数，就调用toString函数，将返回值转为数字并返回。如果toString或者valueOf都不能获取到原始值的话，那就抛出类型转换异常。