JavaScript从入门到精通系列第二十七篇：详解JavaScript中的包装类

大神引荐：作者有幸结识技术大神孙哥为好友获益匪浅，现在把孙哥视频分享给大家

孙哥链接：孙哥个人主页
作者简介：一个颜值99分，只比孙哥差一点的程序员
本专栏简介：话不多说，让我们一起干翻JavaScript

本文章简介：话不多说，让我们讲清楚JavaScript里边的Math

文章目录

前言

一：包装类

1：包装类作用

2：包装类成员

3：包装类作用

4：包装类使用

---

前言

包装类就类似于把一个草根包装成一个明星，就类似于Java中的Integer。

JavaScript中的基本数据类型String Number Boolean Null Undefined

引用数据类型：Object

一：包装类

1：包装类作用

Js中的包装类为我们提供了三个包装类，通过这三个包装类可以将我们的基本数据类型数据转换为对象。

2：包装类成员

JS中提供的包装类：String()、Boolean()、Number()。这三个东西叫构造函数也行，也可以叫做类

3：包装类作用

String()包装类可以将基本数据类型的字符串转换为String对象

Number()包装类可以将基本数据类型的数字转换为Number对象

Boolean()包装类可以将布尔类型转换为Boolean对象

4：包装类使用

var num = new Number(6);
var str = new String("hello");
var bool = new Boolean(true);

基本对象比基本类型功能更加强大，我们可以往对象里边添加属性、方法等。

但是，注意我们在开发中基本不会使用基本数据类型的对象在做一些比较时，会带来一些不可预期的结果。

举个例子：

var b = new Boolean(false);
if(b){
    alert("我运行了~~~")
}

运行结果：

但是，值得注意的是，当我们调动基本数据类型的属性和方法时(基本数据类型压根就没有属性和方法)，浏览器会临时使用包装类将其转换为对象，然后调用对象的属性和方法。

在调用完毕之后，再自动转换为基本数据类型。

代码如下：

var s = 123;
s = s.toString();
console.log(s);
console.log(typeof s);

运行结果如下：