2.1、JavaScript 数据类型 - 对象包装器

JS 中存在着多种数据类型，主要分为两大块，一块是基本数据类型（值类型），一块是引用类型。

1、基本数据类型与其“对象包装器”

基本数据类型一共有 7 种，分别是 string，number，bigint，boolean，symbol，null 和 undefined。

基本数据类型单纯从表面上看，它就是一个值，一个值是没有办法像对象一样通过点符号去获取属性的。

然后实际上的结果却出乎我们的意料，就像下面这样：

let name = "zhangsan";
name.length; // 8
name.split("") // ['z', 'h', 'a', 'n', 'g', 's', 'a', 'n']
name.toUpperCase() // 'ZHANGSAN'

你可以看到，name 只是一个字符串，但是却可以像对象一样利用点符号去使用属性和方法。也许你早已经在自己的项目这样使用过，只是不清楚为什么会这样。

实际上，早期 JavaScript 创建者就面对过这样的问题：人们既希望能对诸如字符串、数字之类的基本数据类型执行一些方法去操作，又想要基本数据类型尽可以的简单轻量。

而最后的解决办法是这样的：
1.创建提供额外功能的特殊的“对象包装器”，这些包装器提供了一些内置的方法去使用。
2.你创建的仍然基本数据类型，只不过当你想要调用一些方法时，JS 会自动的为基本数据类型套上对应的“对象包装器”供你使用，当使用完后即被销毁

当然了，目前的 JavaScript 引擎高度优化了这个过程。因此你只需要了解上面提到的基本原理，剩下的就是大胆的去使用了。

上面我们利用字符串来举例，实际上不同基本数据类型的的“对象包装器”都是不同的，他们分别为：String、Number、Boolean、Symbol 和 BigInt

注意：null/undefined 是例外，它们没有对应的“对象包装器”，也就没有提供任何方法。像下面这样访问是会直接导致程序报错：

null.a; // error ...
undefined.b // error ...

还有一点需要大家注意： 尽管 JS 提供了 String/Number/Boolean 的构造器，但是我们并不推荐使用下面这样的方式去定义变量：

let num = new Number(100);

这是因为这样定义出来的 num 其本质是一个对象：

typeof num; // 'object'
num // Number{100, ...}

同时，当我们使用基本数据类型的 0 时，if 中是判断为 false 的，然后如果使用 new Number(0) 结果却不一样：

// 1、使用基本数据类型
if (0) {
 console.log(1);
} else {
 console.log(2); // 打印 2
}   

// 2、使用 new Number 构造
if (new Number(0)) {
 console.log(1); // 打印 1
} else {
 console.log(2);
}

当然，String/Number/Boolean 有一个用法是被支持的，那就是不带 new 的使用，可以用于类型的转换。

// 不带 new 的使用是没问题的
let num = Number("100"); // 将字符串转成数字
let str = String(100); // 将数字转成字符串

到这里第一小节的内容就基本结束了，本小节我们主要介绍了基本数据类型及“对象包装器”这个概念。本小节的内容并不难，相信大家读完后一定可以所有收获。

欢迎大家点赞收藏关注！！！

同时欢迎大家关注我的微信公众号：火锅只爱鸳鸯锅 ！