JS基本类型数据的属性和方法哪来的？

你好同学，我是沐爸，欢迎点赞、收藏和关注。个人知乎

在JavaScript的开发中，许多同学可能会因为能够直接在基本类型（如字符串、数字和布尔值）上调用方法和访问属性而感到困惑。然而，真相可能会让你大吃一惊：实际上，JavaScript中的基本类型数据本身并没有属性和方法！那么，这背后究竟是如何实现的呢？让我们一起瞅瞅吧。

基本类型的本质

在JavaScript中，基本类型包括Number、String、Boolean、Undefined、Null、Symbol（ES6新增），以及BigInt（ES2020新增）。这些类型的值都是不可变的，它们直接存储了数据本身，而不是数据的引用或地址。并且它们不是对象，因此不直接拥有属性和方法。

为什么说基本类型没有属性和方法？

当你尝试在基本类型数据上调用属性或方法时，JavaScript引擎实际上在背后进行了一系列操作，这些操作被称为“装箱”（Boxing）和“拆箱”（Unboxing）。

1.装箱：

当基本类型数据被当作对象来使用时（比如调用方法），JavaScript引擎会临时创建一个对应的对象包装器（如String、Number、Boolean对象），并将基本类型的值赋给这个对象。这个过程是隐式的，对开发者来说是透明的。

2.拆箱：

当这个临时对象被销毁或不需要时，它的值会被转换回基本类型。这个过程同样是隐式的。

示例：

let str = "Hello";  
console.log(str.length); // 5

在这个例子中，尽管str是一个字符串基本类型，但我们仍然能够调用.length属性。实际上，JavaScript引擎在背后做了以下事情：

1. 将字符串基本类型str装箱成一个String对象。
2. 在这个String对象上调用.length属性。
3. 将得到的值（在这个例子中是5）拆箱回基本类型，并返回给console.log。

这个过程非常快，以至于我们几乎察觉不到它的存在，但它确实发生了。

结论

JavaScript的基本类型数据本身并不包含属性和方法。当你尝试在它们上调用属性或方法时，实际上是JavaScript引擎在背后进行了装箱和拆箱操作。

希望对你有所帮助，下期再见！