javascript数据类型及装箱拆箱介绍

原文博客

数据类型说明

js中数据类型氛围两大类：

基础数据类型（原始类型）
- 包含：Number、String、Boolean、Null、Undefined、Symbol（新增）
- 按值访问
- 存储大小固定
- 数据存储在栈（Stack）内存中
引用数据类型（对象类型）
- 包含：Object、array、function、data等
- 按引用访问
- 存储大小不固定
- 数据存储在堆（Heap）内存中;但是会在栈中存储指向堆内存的地址

常见数据类型的判断：请参考

栈和堆的介绍

栈内存：栈是一块连续的内存空间；一般存储大小已知的变量；由系统自动申请和释放；栈的大小有限，如果申请的空间超过栈的空间，就有栈溢出风险；栈的内存分配遵循先进后出的原则
堆内存：动态分配内存，大小不固定；一般用来存储引用数据类型

null和undifind的区别参考

null：表示"无"的对象，转为数值时为0；该处不应该有值
undifind：表示"无"的原始值，转为数值时为NaN。此处应该有一个值，但是还没有定义

装箱介绍

js为了便于操作基础类型值,还提供了3种特殊的引用类型：Boolean、Number、String
通过是否手动创建基础类型实例将装箱分为隐式装箱和显示装箱：

基本包装类型和引用类型主要的区别就在于生命周期的不同；

隐式包装中的类型：每当读取一个基本类型时，后台会自动创建一个对应的包装类型对象，从而可以调用一些方法来操作数据（这也是为什么基础类型可以调用一些方法）,而自动创建的包装类型只存于执行那一行的瞬间，执行完后会立即被销毁；所以一般在基础类型是无法添加属性和方法

引用类型：执行流离开引用类型所在作用域才会销毁

隐式装箱：

let a = 'test'
let b = a.subString(2) // 会自动创建包装类型
// 以上代码后台的执行步骤
let a = 'test'
var _c = new String('test') // 创建String类型实例
let b =  _c.subString(2)    // 在实例上调用对应的方法
_c = null                   // 销毁实例

显示装箱：
显示装箱因为是通过new创建的，所以和引用类型没有什么特殊的区别

// 显示装箱
let a = new String('test')

拆箱介绍

拆箱和装箱正好相反；就是将引用类型转换为基础数据类型；拆箱的过程一般会调用抽象操作[ToPrimitive],其内部主要的方法是valueOf和toString；在工作中最常见的拆箱就是对两个不同类型的数据进行==比较；引申

let num = new Number('666')
// 拆箱
num.valueOf()