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

相关推荐
橙序员小站8 分钟前
人人都在鼓吹的OPC,我想给你泼盆冷水
面试·创业
zhangxingchao20 分钟前
多 Agent 架构到底怎么选?从 Claude Agent Teams、Cognition/Devin 到工程落地原则
前端·人工智能·后端
IT_陈寒31 分钟前
SpringBoot那个自动配置的坑,害我排查到凌晨三点
前端·人工智能·后端
Honor丶Onlyou31 分钟前
VS Code 右键菜单修复记录
前端
卡卡军32 分钟前
agmd 1.0 重磅升级——Rust 重写,性能起飞
javascript·rust
PILIPALAPENG38 分钟前
Python 语法速成指南:前端开发者视角(JS 类比版)
前端·人工智能·python
Larcher40 分钟前
🔥 告别抓瞎:用 Claude Code (cc) 优雅接手与维护已有项目
javascript·机器学习·前端框架
JYeontu41 分钟前
轮播图不够惊艳?试下这个立体卡片轮播图
前端·javascript·css
张就是我10659242 分钟前
从前端角度理解 CVE-2026-31431
前端
AGoodrMe43 分钟前
swift基础之async/await
前端·ios