【前端知识之JS】JS的数据类型

前言

本系列主要整理前端面试中需要掌握的知识点。本节介绍JS的数据类型。

---

一、基本类型

1. Number数值

• 整数

let intNum = 55 // 10进制的55
let num1 = 070 // 8进制的56
let hexNum1 = 0xA //16进制的10

• 浮点类型

let floatNum1 = 1.1;
let floatNum2 = 0.1;
let floatNum3 = .1; // 有效，但不推荐
let floatNum = 3.125e7; // 等于 31250000

• NaN 不是数值

console.log(0/0); // NaN
console.log(-0/+0); // NaN

2. Undefined值

• Undefined：值为undefined，当使用var或者let声明了变量但没有初始化时，就相当于给变量赋予了undefined值。

let message;
console.log(message == undefined); // true
console.log(message); // "undefined"
console.log(age); // 没有声明过这个变量，报错

3. String字符串类型

• 字符串可以使用双引号（"）、单引号（'）、或者反引号（`）表示。

let firstName = "John";
let lastName = 'Jacob';
let lastName = `Jingleheimerschmidt`

• 字符串是不可变的，意思是一旦创建，它们的值就不能变了

let lang = "Java";
lang = lang + "Script";  // 先销毁再创建

4. Null值

• Null类型只有一个值，就是null，null表示一个空对象指针，所以给typeof传一个null会返回"object"。只要变量要保存对象，而当时又没有对象可用来保存，就可用null来填充。

let car = null;
console.log(typeof car); // "object"

• undefined值是由null值派生而来的

console.log(null == undefined); // true

5. Boolean布尔值

• 布尔值有两个值，分别是true和false。

数据类型      				转换为 true 的值      				转换为 false 的值
 String        				 非空字符串          					"" 
 Number 				非零数值（包括无穷值）						0 、 NaN 
 Object 					 任意对象 							   null
Undefined 					N/A （不存在） 						undefined

6. Symbol符号

• Symbol （符号）是原始值，且符号实例是唯一、不可变的。符号的用途是确保对象属性使用唯一标识符，不会发生属性冲突的危险。

let genericSymbol = Symbol();
let otherGenericSymbol = Symbol();
console.log(genericSymbol == otherGenericSymbol); // false

let fooSymbol = Symbol('foo');
let otherFooSymbol = Symbol('foo');
console.log(fooSymbol == otherFooSymbol); // false

二、引用类型

1. Object对象

• 创建object的常用方式为对象字面量表示法，属性名可以是字符串或者数值

let person = {
    name: "Nicholas",
    "age": 29,
    5: true
};

2. Array数组

• JS数组是一组有序的数据，但跟其他语言不同的是，数组中每个槽位可以存储任意类型的数据。并且，数组也是动态大小的，会随着数据添加而自动增长。

let colors = ["red", 2, {age: 20 }]
colors.push(2)

3. Function函数

• 函数实际上是对象，每个函数都是 Function类型的实例，而 Function也有属性和方法，跟其他引用类型一样。
• 函数声明有以下三种方式：

函数声明

function sum (num1, num2) {
    return num1 + num2;
}

函数表达式

let sum = function(num1, num2) {
    return num1 + num2;
};

箭头函数

let sum = (num1, num2) => {
    return num1 + num2;
};

4. 其他引用类型

还有Date、RegExp、Map、Set等类型

三、存储区别

1. 基本类型用栈存储

let a = 10;
let b = a; // 赋值操作
b = 20;
console.log(a); // 10值

赋值过程如下

2. 引用类型用堆存储

var obj1 = {}
var obj2 = obj1;
obj2.name = "Xxx";
console.log(obj1.name); // xxx

赋值过程如下