JavaScript中的object转换函数toString()与valueOf()介绍

介绍 JavaScript 中的 object 转换函数 toString() 与 valueOf()，可能需要先了解一下 object 和函数的基本概念。

什么是 object？

在 JavaScript 中，object 是最常用的数据类型之一，它可以被用来存储和组织数据以及代码。你可以将其想象成一个容器，容器内可以存储各种类型的数据，包括字符串、数字、数组等等。

toString() 与 valueOf() 简介

在 JavaScript 中，toString() 和 valueOf() 是 object 的两个函数，它们用来将 object 转换为指定的数据类型。以下是它们的简单介绍：

toString()

toString() 函数将 object 转换为字符串类型的数据。具体地说：当一个 object 被用于字符串环境中时（如字符串拼接等），JavaScript 引擎会自动调用其 toString() 函数，并将其返回值作为字符串结果。

valueOf()

valueOf() 函数将 object 转换为原始数据类型的数据。具体地说：当一个 object 被用于数值环境中时（如加减乘除等），JavaScript 引擎会自动调用其 valueOf() 函数，并将其返回值作为数值结果。

两个函数都可以被重写，以适应不同的转换需求。

示例说明

下面分别提供两个示例来说明 toString() 和 valueOf() 的用法：

示例一：toString() 的使用

let obj = {
  name: "Jack",
  age: 30,
  hobby: ["reading", "traveling"],
  toString: function() {
    return "This is " + this.name + ", " + this.age + " years old, having hobbies: " + this.hobby.join(", ");
  }
};

console.log(String(obj)); // 打印结果为：This is Jack, 30 years old, having hobbies: reading, traveling

上述代码中，我们定义了一个 obj 对象，并在其中重写了 toString() 函数。当该对象被转换为字符串类型时，自动调用 toString() 函数，并将函数返回值作为结果输出。

示例二：valueOf() 的使用

let obj = {
  value: 100,
  valueOf: function() {
    return this.value;
  },
  toString: function() {
    return "This is object with value " + this.value;
  }
};

console.log(Number(obj)); // 打印结果为：100

上述代码中，我们定义了一个 obj 对象，并在其中重写了 valueOf() 和 toString() 函数。当该对象被转换为数值类型时，自动调用 valueOf() 函数，并将函数返回值作为结果输出。

更多内容

完整的 toString() 和 valueOf() 用法及重写方法可以参考文档：MDN - toString() 和 MDN - valueOf()。