对象的toString()和 valueOf()方法

89 阅读1分钟

对象继承了两个转换方法:

toString()

返回一个反映这个对象的字符串;obj不是对象,toString() 返回obj应有的文本值(不是单纯的加”“)。

valueOf()

返回它相应的原始值。

优先调用toString(),有运算操作符的情况下valueOf()的优先级高于toString();
当调用valueOf()方法无法运算后还是会再调用toString()方法;
当调用toString()方法无法的的原始类型后还是会再调用valueOf()方法。

    let obj = {
      a: 1,
      b: 2
    }

    let arr=[[1,2],[3,4]]

    console.log('1', obj.valueOf());
    console.log('2', obj.toString());
    console.log('3',aa);
    console.log('4', arr.toString());
    console.log('5', arr.valueOf());


image.png

// 创建一个名为 ArrayWrapper 的类,它在其构造函数中接受一个整数数组作为参数。该类应具有以下两个特性:

// 当使用 + 运算符将两个该类的实例相加时,结果值为两个数组中所有元素的总和。
// 当在实例上调用 String() 函数时,它将返回一个由逗号分隔的括在方括号中的字符串。例如,[1,2,3] 。
 

// 示例 1:

// 输入:nums = [[1,2],[3,4]], operation = "Add"
// 输出:10
// 解释:
// const obj1 = new ArrayWrapper([1,2]);
// const obj2 = new ArrayWrapper([3,4]);
// obj1 + obj2; // 10
// 示例 2:

// 输入:nums = [[23,98,42,70]], operation = "String"
// 输出:"[23,98,42,70]"
// 解释:
// const obj = new ArrayWrapper([23,98,42,70]);
// String(obj); // "[23,98,42,70]"
// 示例 3:

// 输入:nums = [[],[]], operation = "Add"
// 输出:0
// 解释:
// const obj1 = new ArrayWrapper([]);
// const obj2 = new ArrayWrapper([]);
obj1 + obj2; // 0


    let arr = [1, 2]
    class Nums {
      constructor(arr) {
        this.nums = arr
      }
      valueOf() {
        console.log('555');
        return this.nums.reduce((pre, cur) => pre + cur, 0)
       
      }
      toString() {
        return '[' + this.nums + ']'
      }
    }
    let aa = new Nums(arr)
  
    console.log(aa.toString(),'1');//[1, 2]
    console.log(aa.valueOf(),'2');//3