String() 和 .toString()的区别

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


💡 一句话总结

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

🧩 一、String() 是全局函数

它可以安全地转换任何类型 为字符串,包括 null 和 undefined。

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

📘 内部逻辑(简化版):

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

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

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

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

但 不能对 null 或 undefined 调用,否则直接报错 ⚠️

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) 不安全
适合场景 通用转换 明确类型时使用
结果差异 基于类型的默认规则 调用该对象原型链上的方法

相关推荐
郑州光合科技余经理几秒前
同城电商系统:库存变更怎么同步到订单
java·开发语言·前端·后端·uni-app·php·ai编程
我叫黑大帅13 分钟前
Go日志库工程选型与逃逸分析评测报告
后端·面试·go
此时不提桶,更待何时2 小时前
05-05-B-对象存储与文件服务面试与生产事故实战
面试·nosql
前端snow2 小时前
ai agent --- DeepAgents 中间件
前端
data analyse 4562 小时前
报表能自定义的国内统计工具有哪些
前端·数据分析
IT_陈寒3 小时前
JavaScript闭包的这个坑,我居然今天才爬出来
前端·人工智能·后端
可乐鸡翅yeah_3 小时前
hls.js 切换多个视频源,新手开发常见踩坑
开发语言·前端·javascript·ios·ffmpeg·音视频·safari
葡萄城技术团队3 小时前
复制走的是数字,留下的是身份:Web 表格里被忽视的数据断层
前端
晚安日记wanna3 小时前
大厂禁 JOIN 的真正原因,拆到第四层才清楚
数据库·后端·面试