JavaScript-包装类_包装类 js-优快云博客

JavaScript-包装类

今天学到了包装类这个知识点让我对js基本数据类型这块儿茅塞顿开。以前总觉得数据类型嘛，不就是两大类：基本类型和对象类型。那顺带说一下它们分别都包含哪些？

值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined）、Symbol。
引用数据类型（对象类型）：对象(Object)、数组(Array)、函数(Function)，还有两个特殊的对象：正则（RegExp）和日期（Date）。

这么一看基本类型就再简单不过了，也没啥特殊的点。但这正是我要说的，它简单，它不是对象，它没有属性，没有方法，平常在我们使用中它又可以调用某个方法或属性，很神奇？？？如下很常见的将Number类型转换为String类型的例子：

let num = 3;
let str = num.toString()  
console.log(typeof str);  // 打印信息 string

以前总觉得就是理所当然的这样（当然不排除大学课上学习基础的时候梦游的这种可能性），但不知道这个理是啥？今天终于明白了。那要说清这件事，就得先说一说这篇的主角-包装类。JS为我们提供了三个包装类，通过这三个包装类可以将基本数据类型的数据转化为对象。

String()：可以将基本数据类型字符串转换为String对象
Number()：可以将基本数据类型的数字转换为Number对象
Boolean()：可以将基本数据类型的布尔值转换为Boolean对象

虽然有这么三个包装类，但其实在实际使用中我们并不会使用基本数据类型的对象。因为使用基本数据类型的对象，在做比较时可能会带来一些不可预期的结果。那举个例子看下：

let num = 3;
let numobj = new Number(3);
console.log(num); // 3
console.log(numobj); // 3
console.log(num === numobj); // false
console.log(typeof num, typeof numobj); // number object

言归正传，其实基本类型可以调用方法及属性是因为利用了包装类，JS会将基本数据类型转换为对象，调用结束后再转回基本数据类型。这也是为什么我们可以调用方法属性，但又无法给基本数据添加属性或方法。

完整示例

<html>

<head>
    <meta charset="utf-8">
    <title>包装类示例</title>
    <script>
        /*
         * JS为我们提供了三个包装类（String()，Number()，Boolean()
         *     通过这三个包装类可以将基本数据类型的数据转化为对象
         */
         let num = 3;
         let numobj = new Number(3);
         console.log(num);
         console.log(numobj);
         console.log(num === numobj); // false
         console.log(typeof num, typeof numobj); // number object
        /*
         * 方法和属性只能添加给对象，不能添加给基本数据类型
         *   基本类型可以调用方法及属性是因为会将基本数据类型转换为对象
         *   调用结束后再转回基本数据类型
         */
        let str = num.toString()
       console.log(typeof str);
    </script>
</head>

<body>
</body>

</html>