js中toString()和String()区别详解

下面是详细的攻略：

标题

1. JS中toString()方法

在JS中，每个基本数据类型都内置了一个toString()方法。这个方法可以把当前对象转换为一个字符串形式，然后返回结果。toString()方法通常不需要传入参数，但是可以接受一个表示基数的参数，用于指定输出数字的基数。

2. String()函数

String()函数是JS中的一个函数，在没有明确定义类型的情况下，可以将任何对象强制转换为字符串类型。当使用String()函数时，如果传入的是基本数据类型的值，则返回该值的字符串形式，如果传入的是对象，则返回该对象的字符串形式。

区别详解

虽然toString()和String()函数都可以将一个值转换为字符串类型，但是它们的执行方式和返回结果略有不同。具体区别如下：

1. toString()方法的执行方式

• 对于基本数据类型的值，toString()方法直接在值的后面调用该方法。例如：

var num1 = 10;
var str1 = num1.toString();
console.log(typeof str1);   // "string"

• 对于引用数据类型的值，toString()方法通常不是直接在对象的后面调用，而是先调用该对象的valueOf()方法，然后再把返回的值转换成字符串类型。例如：

var obj1 = {
  a: 1,
  b: 2
};
var str2 = obj1.toString();
console.log(typeof str2);   // "string"

2. String()函数的执行方式

• 对于基本数据类型的值，String()函数直接返回该值的字符串形式。例如：

var num2 = 20;
var str3 = String(num2);
console.log(typeof str3);   // "string"

• 对于引用数据类型的值，String()函数通常也不是直接把该对象转换为字符串类型，而是先调用该对象的toString()方法，然后再把结果转换为字符串类型。例如：

var obj2 = {
  x: 1,
  y: 2
};
var str4 = String(obj2);
console.log(typeof str4);   // "string"

示例

下面通过两个实际例子更加详细地说明toString()和String()函数的区别：

例子1

var num3 = 30;   // num3是一个数值类型
var str5 = num3.toString();   // 通过toString()方法将num3转为字符串类型
console.log(str5 + 10);   // "3010"

在这个例子中，首先定义了一个数值类型的变量num3，然后使用toString()方法将其转换为字符串类型，并赋值给了变量str5。最后，通过将str5与数字10相加，可以看到它们被直接连接成了字符串类型的"3010"。

例子2

var obj3 = {   // obj3是一个对象类型
  name: "John",
  age: 20
};
var str6 = String(obj3);   // 通过String()函数将obj3转为字符串类型
console.log(str6);   // "[object Object]"

在这个例子中，首先定义了一个对象类型的变量obj3，它有两个属性，一个是name，一个是age。然后使用String()函数将obj3转换为字符串类型，并赋值给了变量str6。最后，打印输出str6后可以发现，它的结果是"[object Object]"，这是因为在没有实现自己的toString()方法时，JS通常会返回"[object Object]"字符串形式的默认结果。