JavaScript 原始类型调用方法的原理：对象包装器机制

引言

参考地址：原始类型的方法

假设存在如下代码，用于将字符串转换为大写形式：

let str = 'abc';
str.toUpperCase(); // 'ABC'

存储多个属性

这是一段简单且常见的代码。按理说，str属于字符串类型，它仅存储单个值，且该值是不可变的。因此，它无法像对象那样存储多个属性，例如：

let user = {};
user.name = '张三';
user.say = function () {
  return '你好';
};
user.name; // 张三
user.say(); // 你好

不能给普通类型添加属性

通过代码示例可以看出，无法直接给原始类型添加自定义属性。

let user = '';
user.name = '张三';
user.say = function () {
  return '你好';
};
user.age; // undefined
user.say(); //  user.say is not a function

那么，为什么原始类型（例如字符串）却能够调用方法（如toUpperCase()）呢？

其背后的原理是：为了使方法能够执行，系统会创建一个提供额外功能的特殊“对象包装器”，该方法执行完毕后，该包装器即被销毁。

“对象包装器”针对每种原始类型都是独立的，它们分别被称为 String、Number、Boolean、Symbol 和 BigInt。正因为存在这些不同的包装器，它们各自提供了特定的方法。

以前述代码为例：

let str = 'abc';
str.toUpperCase(); // 'ABC'

实际发生的情况如下：

• 字符串 str 是一个原始值。因此，在访问其属性时，会创建一个包含字符串字面值的特殊对象，并且具有可用的方法，例如 toUpperCase()。
• 该方法运行并返回一个新的字符串。
• 特殊对象被销毁，只留下原始值 str。

所以原始类型可以提供方法，但它们依然是轻量级的。

JavaScript 引擎高度优化了这个过程。它甚至可能跳过创建额外的对象。但是它仍然必须遵守规范，并且表现得好像它创建了一样。

以上就是JS原始类型为什么能调用方法原理详解的详细内容，更多关于JS原始类型调用方法的资料请关注本站其它相关文章！