JS - 包装类型

1，什么是包装类型

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

而这2个类型有个明显的区别：引用类型有自己内置的方法（在原型上），也可以自定义其他方法来操作数据。

可是日常开发中，好像基本类型也可以使用方法吧，看个例子：

const str = 'hello'
const str2 = str.indexOf('e')
console.log(str2) // 1

str 是基本数据类型，但却能调用方法。是因为在执行第2行代码时，会隐式的做如下操作

1. 自动创建 String 类型的一个实例。
2. 调用实例（对象）上指定的方法。
3. 销毁这个实例。

这个String 类型，就是包装类型，是一种特殊的引用类型。在 JS 中有3个：String，Number，Boolean

代码解释上面的例子：

const str = 'hello'
const str2 = str.indexOf('e')
//
(
  const _str = new String('hello'); // 找到对应的包装类型，然后创建出一个和基本类型值相同的实例
  const str2 = _str.indexOf('e'); // 实例可以调用包装类型原型上的方法，并返回结给 str2
  _str = null;  // 之后这个临时创建的实例就被销毁了，str = null
)
//
console.log(str2) // 1

2，作用

通过上面的例子也可以看出：为了更方便对字符串、数值、布尔值这三种基本数据类型的数据进行更多操作。

3，和其他引用类型的区别

包装类型和其他引用类型，创建出的实例的生存期不同，导致基本包装类型无法动态自定义属性和方法。

举例：

const str = 'hello'
str.test = '求关注'
console.log(str.test) // undefined

首先，什么时候会自动创建对象的包装类型的实例，取决于当前指定的代码是否为了获取值。并且该实例只存在于代码的执行瞬间，执行完毕就会销毁。

所以，上面第2，3行代码都在获取值，都会自动创建一次。

代码解释上面的例子：

const str = 'hello';
str.test = '求关注';
// 
(
  const _str = new String('hello');
  _str.test = '求关注'; // 为这个实例添加 test 属性
  _str = null; // 实例被销毁
)
//
console.log(str.test); // undefined 后台重复上面的步骤
(
   const _str = new String('hello');
   console.log(_str.test); // 因为实例没有 test 属性，所以打印出 undefined;
   _str = null;
)
//

4，如何为基本类型添加属性或方法

答案是：加在包装类型对象的原型上。

const str = 'hello';
String.prototype.myName= '下雪天的夏风'
console.log(str.myName)
//
(
  const _str = new String('hello');
  console.log(_str.myName) // 打印 '下雪天的夏风'
  _str = null;
)
//

---

以上。