2. 变量的数据类型：基本数据类型和引用数据类型

数据分类

数据分为：静态数据、动态数据。

静态数据

静态数据是指一些永久性的数据。一般是以文件的形式存储在硬盘上，比如文档、照片、视频等文件。

电脑关闭后，静态数据仍然还在。只要不主动删掉数据或者硬盘没损坏，这些数据就一直都在。

动态数据

动态数据是在程序运行过程中，动态产生的临时数据，这些数据可能随时发生变化。一般存储在内存中。

电脑关闭后，这些数据会被清除。

为何不把应用程序的动态数据加载到硬盘中执行呢？这主要是因为，内存的访问速度比硬盘快无数倍。

变量的数据类型

为什么需要数据类型

在计算机中，不同的数据所需占用的存储空间不同，为了充分利用存储空间，于是定义了不同的数据类型。而且，不同的数据类型，寓意也不同。

我们都知道，无论这个变量是字符串类型，还是数字类型，我们都可以直接用 var 去定义它。比如：

var a = 'hello word';

var b = 123;

为什么可以这样做呢？这是因为：JavaScript 是一种「弱类型语言」，或者说是一种「动态语言」，这意味着不需要提前声明变量的类型，在程序运行过程中，类型会自动被确定。

JS 的变量数据类型，是在程序运行的过程中，根据等号右边的值来确定的。而且，变量的数据类型是可以变化的。比如说：

var name = 'qianguyihao';

name = 123; // 强制将变量 name 修改为 数字类型

JS 中一共有八种数据类型

• 基本数据类型（值类型）：String 字符串、Number 数值、BigInt 大型数值、Boolean 布尔值、Null 空值、Undefined 未定义、Symbol。

• 引用数据类型（引用类型）：Object 对象。

注意：内置对象 Function、Array、Date、RegExp、Error 等都是属于 Object 类型。也就是说，除了那七种基本数据类型之外，其他的，都称之为 Object 类型。

BigInt 和 Symbol 是ES6中新增的类型，我们留到以后再讲。

面试问：引用数据类型有几种？

面试答：只有一种，即 Object 类型。

数据类型之间最大的区别：

• 基本数据类型：参数赋值的时候，传数值。

• 引用数据类型：参数赋值的时候，传地址。

一个经典的例子

基本数据类型举例：

var a = 23;
var b = a;

a++;

console.log(a); // 打印结果：24
console.log(b); // 打印结果：23

上面的代码中：a 和 b 都是基本数据类型，让 b 等于 a，然后改变 a 的值之后，发现 b 的值并没有被改变。

但是在引用数据类型中，就不同了，我们来看一看。

引用数据类型举例：

var obj1 = new Object();
obj1.name = 'smyh';

// 让 obj2 等于 obj1
var obj2 = obj1;

// 修改 obj1 的 name 属性
obj1.name = 'vae';

console.log(obj1.name); // 打印结果：vae
console.log(obj2.name); // 打印结果：vae

上面的代码中：obj1 和 obj2 都是引用数据类型，让 obj2 等于 obj1，然后修改 obj1.name 的值之后，发现 obj2.name 的值也发生了改变。

从上面的例子中，可以反映出，基本数据类型和引用数据类型是有区别的。

那到底有什么区别呢？我们进一步往下看。

栈内存和堆内存

我们首先记住一句话：JS 中，所有的变量都是保存在栈内存中的。

然后来看看下面的区别。

基本数据类型：

基本数据类型的值，直接保存在栈内存中。值与值之间是独立存在，修改一个变量不会影响其他的变量。

引用数据类型：

对象是保存到堆内存中的。每创建一个新的对象，就会在堆内存中开辟出一个新的空间；而变量保存了对象的内存地址（对象的引用），保存在栈内存当中。如果两个变量保存了同一个对象的引用，当一个通过一个变量修改属性时，另一个也会受到影响。

JavaScript基本数据类型

一、数字（Number）

1.包括浮点数和整数

什么是浮点数：浮点数就是该数值中必须有一个小数点，并且小数点后面必须至少有一位数字。

由于保存浮点数值的内存空间是保存整数值的两倍，所以js会不失时机的把浮点数转换为整数。小数点后面没有数值或者1.0就会被保存成整数。

2.特殊的数字类型NaN
NaN：是一个特殊的数字，表示 Not a Number，非数值。在进行数值运算时，如果得不到正常结果，就会返回 NaN。

isNaN()函数---判断一个数是否为NaN的唯一方式

判断一个数是否是NaN，如果是NaN则返回true，否则返回false

3.Infinity

1、Infinity：数据超过了JS可以表示的范围，是一个特殊的数字

2、Infinity与其他数据类型进行操作运算，结果还是Infinity

3、数字除以0得到Infinity

infinity
isFinite()函数

如果是NaN或者Infinity返回false，否则返回true

isFinite()

二、 字符串（String）

多个字符的有序序列，双引号和单引号引起来的都是字符串

语法

字符串型可以是引号中的任意文本，其语法为：双引号 "" 或者单引号 ''。
字符串特点：

1、两个字符串相加，实际上是将两个字符串拼接

2、两个字符串相加，是拼接而不是运算，其他运算结果为NaN，表示计算错误

3、字符串加数字，首先将数字转化为响应的字符串然后再参与运算。同样不支持-, *, /等其他运算

三、布尔值（Boolean）

布尔型有两个值：true 和 false。主要用来做逻辑判断： true 表示真，false 表示假。

布尔值直接使用就可以了，千万不要加引号。

代码：

var a = true;
console.log(typeof a);

控制台输出结果：

boolean

布尔型和数字型相加时， true 按 1 来算 ，false 按 0 来算。

四、 Undefined

如果使用一个未定义的变量，会得到一个undefined值，当定义了一个变量未初始化，默认的也会给它初始化成undefined值

五、null

null 专门用来定义一个空对象。例如：let a = null，又例如 Object.create(null).

如果你想定义一个变量用来保存引用类型，但是还没想好放什么内容，这个时候，可以在初始化时将其设置为 null。你可以把 null 理解为：null 虽然是一个单独的数据类型，但null 相当于是一个 object，只不过地址为空（空指针）而已。

区别

undefined 实际上是由 null 衍生出来的，所以null == undefined的结果为 true。

但是 null === undefined 的结果是 false。它们虽然相似，但还是有区别的，其中一个区别是，和数字运算时：

• 10 + null 结果为 10。

• 10 + undefined 结果为 NaN。

规律总结：

• 任何值和 null 运算，null 可看做 0 运算。

• 任何数据类型和 undefined 运算都是 NaN。