17370845950

JavaScript原始值调用方法时引擎自动装箱：临时包装成对象执行操作后销毁，不改变原始值不可变性；无法添加属性因装箱对象瞬时存在。

JavaScript 中原始值（如字符串、数字、布尔值）能调用方法，是因为引擎在运行时自动进行了装箱（boxing）：临时把原始值包装成对应的对象，调用完再丢弃。这不是永久转换，也不改变原始值的不可变性。

装箱：原始值 → 临时包装对象

当你对一个原始值调用方法（比如 "hello".toUpperCase()），JS 引擎会立即创建一个对应类型的包装对象（String、Number、Boolean），在这个临时对象上调用方法，执行完立刻销毁它。

• "abc".charAt(0) → 临时生成 new String("abc")，调用 charAt，返回 "a"，对象被丢弃
• 123.toString() → 临时生成 new Number(123)，调用 toString，返回 "123"
• true.valueOf() → 临时生成 new Boolean(true)，调用 valueOf，返回 true

拆箱：包装对象 → 原始值

拆箱是显式或隐式地把包装对象转回原始值，常用方式有：

• .valueOf()：显式获取原始值，如 (new String("hi")).valueOf() === "hi"
• .toString()：多数情况也返回原始值字符串形式（但注意 null 和 undefined 例外）
• 隐式转换：参与运算时自动拆箱，如 new Number(42) + 1 === 43（new Number(42) 先拆成 42 再相加）

为什么不能给原始值添加属性？

因为装箱是临时的。你试图赋值时，JS 确实会装箱，但赋值发生在那个瞬时对象上，之后对象就被销毁了，原始值本身没变，也没保留任何新属性：

• let s = "abc"; s.newProp = "test"; console.log(s.newProp); // undefined
• 第一步：装箱 → new String("abc")；第二步：给这个临时对象加 newProp；第三步：对象销毁；第四步：下次访问 s.newProp，又新建一个临时对象——它没有 newProp

装箱的边界情况要注意

不是所有操作都会触发装箱。只有访问属性或方法时才发生；纯赋值、比较、运算不一定：

• "abc".length ✅ 触发装箱（访问属性）
• "abc" + "def" ✅ 隐式拆箱+拼接（字符串原始值直接支持）
• let s = "abc"; s === new String("abc") ❌ false（原始值 ≠ 包装对象）
• typeof new String("x") → "object"；typeof "x" → "string"

不复杂但容易忽略：装箱是语言层面的透明机制，目的是让原始值“看起来”有方法可用，同时保持它们轻量、不可变的本质。