String() 和 .toString()的区别

String().toString() 都是把值转成字符串的常见方式,但它们在 调用方式、可用性、返回结果 上有明显区别。下面我用通俗的方式帮你彻底讲清楚👇


💡 一句话总结

对比项 String() .toString()
类型 函数(全局函数) 方法(对象实例的方法)
能否处理 null / undefined ✅ 可以 ❌ 报错
调用方式 String(value) value.toString()
返回结果 返回值的字符串形式 返回对象自带的字符串表示
典型用途 更安全地转字符串 已知是对象或数字时调用更简洁

🧩 一、String() 是全局函数

它可以安全地转换任何类型 为字符串,包括 nullundefined

scss 复制代码
String(123)        // '123'
String(true)       // 'true'
String(null)       // 'null'
String(undefined)  // 'undefined'
String({ a: 1 })   // '[object Object]'

📘 内部逻辑(简化版):

  • 如果是 nullundefined → 直接返回 'null' / 'undefined'
  • 否则 → 调用对象的 .toString() 方法

🧱 二、.toString() 是对象的方法

它是定义在大多数对象原型上的方法,比如:

  • Number.prototype.toString()
  • Boolean.prototype.toString()
  • Array.prototype.toString()
  • Object.prototype.toString()

不能对 nullundefined 调用,否则直接报错 ⚠️

scss 复制代码
(123).toString()       // '123'
true.toString()        // 'true'
[1, 2, 3].toString()   // '1,2,3'
({a:1}).toString()     // '[object Object]'

null.toString()        // ❌ TypeError: Cannot read properties of null
undefined.toString()   // ❌ TypeError: Cannot read properties of undefined

🎯 三、什么时候用哪个?

使用场景 推荐方法
不确定值是不是 null/undefined ✅ 用 String(value)(更安全)
明确是数字、布尔值、数组等 ✅ 用 .toString()(更语义化)
想格式化对象内容 JSON.stringify(value) 更合适

⚙️ 举个综合例子:

javascript 复制代码
const values = [123, true, null, undefined, [1,2], {x:1}];

values.forEach(v => {
  console.log('String():', String(v));
  console.log('toString():', v?.toString?.() ?? '❌ 无 toString 方法');
  console.log('---');
});

输出:

yaml 复制代码
String(): 123
toString(): 123
---
String(): true
toString(): true
---
String(): null
toString(): ❌ 无 toString 方法
---
String(): undefined
toString(): ❌ 无 toString 方法
---
String(): 1,2
toString(): 1,2
---
String(): [object Object]
toString(): [object Object]

✅ 总结

项目 String() .toString()
调用方式 函数调用 方法调用
是否安全 安全(支持 null/undefined) 不安全
适合场景 通用转换 明确类型时使用
结果差异 基于类型的默认规则 调用该对象原型链上的方法

相关推荐
Justin3go5 小时前
HUNT0 上线了——尽早发布,尽早发现
前端·后端·程序员
怕浪猫5 小时前
第一章 JSX 增强特性与函数组件入门
前端·javascript·react.js
铅笔侠_小龙虾5 小时前
Emmet 常用用法指南
前端·vue
钦拆大仁5 小时前
跨站脚本攻击XSS
前端·xss
前端小L6 小时前
贪心算法专题(十):维度权衡的艺术——「根据身高重建队列」
javascript·算法·贪心算法
VX:Fegn08957 小时前
计算机毕业设计|基于springboot + vue校园社团管理系统(源码+数据库+文档)
前端·数据库·vue.js·spring boot·后端·课程设计
Fortunate Chen7 小时前
类与对象(下)
java·javascript·jvm
ChangYan.8 小时前
直接下载源码但是执行npm run compile后报错
前端·npm·node.js
skywalk81638 小时前
在 FreeBSD 上可以使用的虚拟主机(Web‑Hosting)面板
前端·主机·webmin