JavaScript的数据类型 JavaScript的数据类型

今天主要来讲一讲JavaScript的数据类型，编程说到底就是数据的输入，数据的展示，数据的转换，数据的判读等一系列的操作。

JavaScript的数据类型分为两大类，原始类型和引用类型（即Object）。

一、原始类型

1、boolean（布尔类型）

布尔表示一个逻辑实体，可以有两个值：true 和 false。

2、undefined（Undefined 类型）

undefined是全局对象的一个属性，是全局作用域的一个变量。undefined的最初值就是原始数据类型undefined。一个没有被赋值的变量的类型是undefined。

3、null（Null类型）

值null是一个字面量，不像undefined，它不是全局对象的一个属性。null是表示缺少的标识，指示变量未指向任何对象。把null作为尚未创建的对象，也许更好理解。在API中，null常在返回类型是一个对象，但没有关联值的地方。

4、number（数字类型）

JavaScript中只有一种数字类型：基于IEEE 754标准的双精度64位二进制格式的值（-(253 -1) 到 253 -1）。它并没有为整数给出一种特定的类型。除了能够表示浮点数外，还有一些带符号的值：+Infinity，-Infinity 和 NaN (非数值，Not-a-Number)。

5、bigInt（BigInt 类型）

BigInt类型是JavaScript中的一个基础的数值类型，可以用任意精度表示整数。使用BigInt，您可以安全地存储和操作大整数，甚至可以超过数字的安全整数限制。BigInt是通过在整数末尾附加 n 或调用构造函数来创建的。BigInt不能与数字互换操作。

6、string（字符串类型）

JavaScript的字符串类型用于表示文本数据。它是一组16位的无符号整数值的"元素"。在字符串中的每个元素占据了字符串的位置。第一个元素的索引为0，下一个是索引1，依此类推。字符串的长度是它的元素的数量。

7、symbol（符号类型）

符号类型是唯一的且不可修改, 也可以用来作为Object的key值。

二、原始类型的特性

原始类型是只有值本身，不存在属性，不存在方法，只存储于栈中。

原始类型的值是无法改变的，我们称这些类型的值为"原始值"。

我们打印原始类型的时候只打印了值，对象类型还打印了其他的一些附属信息。

在这很多人会问：字符串我们不是可以访问length属性吗？这里又牵扯到JavaScript另外的一个概念"包装对象"。

字符串既然不是对象，为什么它会有属性呢？只要引用了字符串的属性，JavaScript就会将字符串值通过调用new String(string)的方法转换成对象，这个对象继承了字符串的方法，并被用来处理属性的引用。一旦属性引用结束，这个新创建的对象就会销毁（其实在实现上并不一定创建或销毁这个临时对象，然而整个过程看起来是这样）。

另外我们操作字符串不都改变值了吗？这里要重点说明，JavaScript 字符串是不可更改的。这意味着字符串一旦被创建，就不能被修改。但是，可以基于对原始字符串的操作来创建新的字符串。

三、引用类型（Object）

Object（对象）是在所有的编程语言中都十分重要的一个概念，对于事物我们可以把他们看作是一个对象，而每一个事物都有自己表示的属性和对于某一信息作出的相应操作。而这些东西就变成了事物的属性和方法。

1、JavaScript内置对象包含：

数据封装类对象：Object、Array、Boolean、Number、String

其他对象：Function、Arguments、Math、Date、RegExp、Error

ES6新增对象：Symbol、Map、Set、Promises、Proxy、Reflect

2、原始类型与引用类型的区别

1、 原始类型的值是不可变的

2、 原始数据类型不可以添加属性和方法

3、 基本数据类型的赋值是简单赋值

4、 基本数据类型的比较是值的比较

5、 基本数据类型是存放在栈区的

6、 引用类型的值是可以改变的

7、 引用类型可以添加属性和方法

8、 引用类型的赋值是对象引用

9、 引用类型的比较是引用的比较

10、 引用类型是同时保存在栈区和堆区中的

3、判断数据类型的运算符

typeof变量：判断数据类型

console.log(typeof 123); //'number'

console.log(typeof NaN); //'number'

console.log(typeof null); //'object'

var obj = new String();

console.log(typeof(obj)); //'object'

var fn = function(){};

console.log(typeof(fn)); //'function'

console.log(typeof(class c{})); //'function'

四、常见面试题总计

1、JavaScript有哪些数据类型？

2、原始类型与引用数据类型的区别

3、如何理解typeof null 返回的时候object

4、null与undefined区别

5、number与bigint区别，是否可以结合运算

6、原始类型的特性

7、NaN属于什么数据类型

8、JavaScript包含哪些内置对象