JS | JavaScript中的基本包装类型有哪些？

 

一、基本包装类型

在 ES 中，数据类型分为基本数据类型和引用数据类型。

而基本包装类型，严格来说不属于上面两个中的任意一个，但是又和这两种类型息息相关。

基本数据类型和引用类型这两个类型其中一个很明显的区别是，引用类型有自己内置的方法，也可以自定义其他方法用来操作数据，而基本数据类型不能像引用类型那样有自己的内置方法对数据进行更多的操作。

但基本数据类型真的没有吗？对于部分基本类型来说确实是这样的。

按照最新 ES 标准定义，基本数据类型(primitive value)包括6个，分别为 Undefined, Null, Boolean, Number, Symbol, String。

为了便于操作基本类型值，ECMAScript提供了3个特殊引用类型（基本包装类型）：Boolean, Number, String。

基本包装类型和其他引用类型一样，拥有内置的方法可以对数据进行额外操作。

每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型对象，从而可以调用一些方法操作这些数据。

比如：

var str = 'test';
//substring(start,end) 表示截取从start到end的字符串，不包括end。
var str2 = str.substring(2);
console.log(str2); //st

上面 str 变量存储的值是一个字符串，‘test’ 字符串是基本数据类型 String 类型的值。然而它调用了substring方法，并将结果保存在了str2中。

为什么它不是对象却能调用对象的方法呢？

★ 因为在执行第二行代码时，JS会自动进行下面的步骤：

1、自动创建 String 类型的一个实例（和基本类型的值不同，这个实例就是一个基本包装类型的对象）

var str = new String()

2、调用实例（对象）上指定的方法

var str2 = str.substring()

3、销毁这个实例

str = null

经过上面的加工后，基本字符串变的跟对象一样，上面这三个步骤也适用于Boolean、Number类型。

所以，虽然基本类型的值没有方法可以调用，但是后台临时创建的构造函数实例（也就是对象）上有内置方法可以让我们对值进行操作，因此，这样我们就可以对字符串、数值、布尔值这三种基本数据类型的数据进行更多操作，这也是基本包装类型的主要用处：便于操作基本类型值。

❤ JS什么时候会自动创建一个对应的基本包装类型对象呢？

基本包装类型的实例会在我们调用一些基本类型变量方法或属性的时候被自动创建：

var str = 'yezi'
console.log(str.length) // 4

❤ 引用类型和基本包装类有什么不同呢？

最主要的区别就是对象的生存期。

● 引用类型：使用new操作符创建的引