JavaScript中String和toString()的区别

AiWork开发文档

在官方文档的基础上，进行重新排版和优化。
一个优雅的文档，对于开发体验的提升，是效果显著的。
永久域名：aiwork.wiki

String(device.getBrand()) 和 device.getBrand().toString() 在 JavaScript 中的主要区别如下：

1. 类型处理

• String(device.getBrand()):

  • 这个方法会将 device.getBrand() 的返回值转换为字符串。不论返回值是什么类型（包括 null 和 undefined），它都会被转换为对应的字符串。
  • 例如：
  • String(null) → "null"
  • String(undefined) → "undefined"
  • String(123) → "123"

• device.getBrand().toString():

  • 这个方法直接调用了对象的 toString() 方法。只有当 device.getBrand() 返回一个非 null 和非 undefined 的对象（如字符串、数字、数组等）时，它才会有效。
  • 如果返回值是 null 或 undefined，尝试调用 toString() 会抛出错误：
  • null.toString() → 报错
  • undefined.toString() → 报错

2. 安全性

• 使用 String() 方法更安全，因为它不会抛出错误，即使输入值是 null 或 undefined。
• 使用 .toString() 方法时，你需要确保返回值不是 null 或 undefined，否则会导致运行时错误。

示例对比

const device = {
    getBrand: function() {
        return null; // 可以改变返回值进行测试
    }
};

// 使用 String()
const brandStr1 = String(device.getBrand()); // 结果是 "null"

// 使用 toString()
try {
    const brandStr2 = device.getBrand().toString(); // 报错：Cannot read properties of null (reading 'toString')
} catch (e) {
    console.error(e.message); // 捕获并打印错误信息
}

实例

这里一定要做数据类型的隐式转换，是因为AiWork比较坑，device.getBrand()方法返回的内容不是字符串。需要强转字符串。

在 JavaScript 中，switch 语句会将表达式的值与每个 case 的值进行严格比较（即使用 ===），因此，如果 device.getBrand() 返回的值与 case 的值类型不一致，就会导致默认分支被执行。

switch (String(device.getBrand())) {
    case 'Redmi':

        break;
    case 'HuaWei':

        break;
    default:
        console.log('无法识别的厂商：' + device.getBrand())
}

小结

• 如果你不确定 device.getBrand() 的返回值是否为 null 或 undefined，建议使用 String(device.getBrand())，因为它更安全且不易出错。
• 如果你确定返回值是一个有效对象，并且希望利用其 toString() 方法，可以使用 device.getBrand().toString()。