JavaScript 数据类型

数据类型

在JavaScript中一共有六种语言类型

• string
• number
• boolean
• null
• undefined
• object

除了object其他都是基本类型，是的，null也是基本类型，但是有很多人把它当作对象类型，这其实是语言本身的一个bug。对null执行typeof null返回的结果是object。实际上，null本身就是基本类型。

1. 类型

• 基本数据类型：number、string、boolean、undefined、null、symbol (es6)
• 引用数据类型：Array、Object、Function

有一种常见的说法是"JavaScript中万物皆对象"，这显然是错误的。

实际上，JavaScript中有寻多特殊的对象子类型，我们可以称之为复杂基本类型。

函数就是对象的一个子类型（从技术角度来说就是"可调用的对象")，JavaScript中的函数就是"一等公民"，因为它们本质上和普通的对象一样（只是可以调用），所以可以像操作其他对象一样操作函数（比如当作另一个函数的参数）

内置对象

JavaScript中还有一些对象子类型，通常被称为内置对象。有些内置对象的名字和简单基础类型一样，不过实际上它们的关系更为复杂。

• String
• Number
• Boolean
• Object
• Function
• Array
• Date
• RegExp
• Error

2. 基本包装类型

var str = "123";
console.log(typeof str); // string
console.log(Object.prototype.toString.call(str)); // [Object String]
var str = String("123");
console.log(typeof str); // string
console.log(Object.prototype.toString.call(str)); // [Object String]
var str = new String("123");
console.log(typeof str); // object
console.log(Object.prototype.toString.call(str)); // [Object String]

基本包装类型：为了便于操作基本类型值，ECMAScript 还提供了 3 种特殊的引用类型：Boolean、Numeber、String。

3. 堆和栈

• 堆：没有结构，存放引用类型复杂数据

• 栈：有结构，存放基本数据类型变量的值以及指向堆中的数组或者对象的地址

4. 栈的特殊性

存在栈种的数据可以共享

var a = 1;
var b = a;

编译器在处理 var a = 1 的时候，首先会在栈内存创建一个标识符为 a 的新的内存空间将值设置为 1，处理 b = a 的时候，首先在栈内存中创建一个标识符为 b 内存空间，然后将 a 的值拷贝过来。

5. 引用类型浅拷贝与深拷贝

浅拷贝

var a = [1, 2, 3];
var b = a;

1、在栈内存中创建一个新空间，标识符：a

2、在堆中创建一个对象，值为 1, 2, 3

3、将栈中标识符为 a 的值改为对象的地址

4、在栈内存中创建一个新空间，标识符：b

5、将栈内存中标识符为 b 的值赋值为 a 的值

深拷贝

var a = [1, 2, 3];
var b = Object.assign([], a);

与浅拷贝不同的是，b 会创建一个堆，然后将 a 的堆拷贝

总结

浅拷贝：拷贝栈

深拷贝：拷贝堆

6、内存空间

内存空间管理

JavaScript 执行过程中内存分配

1、为变量对象分配内存  

2、在分配的内存进行读写  

3、不再使用时将其销毁，释放内存

垃圾回收机制

JavaScript 有自动回收垃圾机制，会通过标记清除的算法识别那些变量对象不再使用，对其销毁，当然手动赋值为 null，可以告诉垃圾收集器下一次回收它。

局部环境中，函数执行完，则出栈销毁（闭包除外）

全局环境下只有页面退出才会出栈，解除变量引用