JS基本数据类型和引用数据类型的区别

常见五中基本数据类型：

Undifined Null  Boolean  Number  String  Symbol（ES6）   bigint

这些类型可以直接操作保存在变量中的实际值。

引用数据类型：

Object  array function data 

区别：

基本类型值指的是简单的数据段；引用类型值指由多个值构成的对象。

基本数据类型（存放在栈中）：

基本数据类型是指存放在栈中的简单数据段，数据大小确定，内存大小可以分配，他们是直接按值存放的，所以可以直接按值访问

    const a = 10;
    let b =a;
    b = 20;
    console.log(a); // 10
    console.log(b); // 20

vue 里面 ESLint模式下面不修改的数值要变成 const ，正常html里面使用的话都用var即可（也是这次案例才发现，欲哭无泪）

                 

引用数据类型(存放在堆内存中的对象。每个空间大小不一样，要根据情况进行特定的配置)

引用类型是存放在堆栈中的对象，变量其实是保存在栈内存中的一个指针（保存的是堆内存中的引用地址）

引用类型数据在栈内中保存实际上是对象在堆内存中的引用地址，通过这个引用地址可以快速找到保存在内存中堆内存中的对象。

    const obj1 = {};
    const obj2 = obj1;
    obj2.name = '我';
    console.log(obj1.name); // 我

说明这两个引用数据类型指向了同一个堆内存对象，obj1赋值给obj2，实际上这个堆内存对象在栈内存的引用地址赋值给了obj2

一份，但是实际上他们共同指向一个堆内存对象，所以修改obj2其实就是修改那个对象。所以通过obj1访问也能访问的到

参考链接：JS基本数据类型和引用数据类型的区别及深浅拷贝 - 简书