$ 前言
该知识点虽然很基础，但往往被人忽略，掌握不清，导致在开发过程中遇到感觉明明很对却又不知道为什么错的问题，磨刀不误砍材功，为提高开发效率减少误区，还是要认真对待基础知识。
$ JS 变量类型有哪些
- 值类型： 字符串
string，数值number，布尔值boolean，none,undefined - 引用类型： 对象
Object，数组Array，函数Function
$ 有哪些区别
值类型：
1. 占用空间固定，保存在栈中。
栈指的是： 当一个方法执行时，每个方法都会建立自己的内存栈，也就是所谓的函数作用域。在该方法内部定义的变量，将会逐个被放入该栈内存里，随着方法的执行结束，这个方法的内存栈也将被销毁。因此，所有在方法中定义的变量都是放在栈内存中的，栈中存储的是基础变量以及一些对象的引用变量，基础变量的值是存储在栈中的，而引用变量存储在栈中的是指向堆中的数组或者对象的地址，这也就是修改引用类型总会影响到其他指向这个地址的引用变量
2. 保存与复制的是值本身
3. 可以使用 typeOf()检测值的类型
4. 基本类型数据是值类型
- 引用类型
1. 占用空间不固定，保存在堆中
栈指的是： 当在程序中创建一个对象时，这个对象将被保存到运行时数据区中，以便反复利用(要知道对象的创建成本比较大)，这个运行时数据区就是堆内存。堆内存中的对象不会随着方法的结束而销毁，可能方法结束后，这个对象还有可能被另一个引用变量所引用(方法的参数传递时很常见)，如果这样，该对象将不会被销毁，只有当一个对象没有任何引用变量引用它时，系统的垃圾回收机制才会在核实的时候回收它。
2. 保存与复制的是指向对象的一个指针
3. 需要使用 instanceof() 检测数据类型
4. 使用 new() 方法构造出的对象是引用型
通俗的理解
1. 赋值：
- 值类型的赋值：直接将存储的数据赋值一份进行赋值，两份数据在内存中是完全独立的。
- 引用类型赋值：引用类型的赋值的时候，是将变量中的存储的地址赋值一份单独存储，但是两个变量中修改其中一个对象，另外一个引用来访问的时候，也会访问到修改后的值。
2. 在函数中的使用
// 值类型
var num = 10;
function print(num) {
num = 100;
console.log(num); // 100
}
console.log(num); // 10
// 引用类型
var obj = {
name: 'jone'
}
function printObj(obj) {
obj.name = 'lucy';
console.log(JSON.stringify(obj)); // {"name":"lucy"}
}
console.log(JSON.stringify(obj)); // {"name":"lucy"}
可见，值类型变量在函数中被修改时只在函数作用域内部生效，当函数被销毁时此次修改立即失效；而引用类型在函数中被修改时修改的是运行时数据区中的值，即使函数被销毁，变量的值依旧被改变。
$ 经典的错误
做数据拷贝时对引用类型数据拷贝的错误理解,认为进行变量赋值即可赋值出两份独立的值。
var person = { name: 'jane', sex: 21 };
var person1 = person;
var person2 = person;
var person3 = person;
person1.name = 'mary';
console.log(JSON.stringify(person1)); // {"name": "mary", "sex":"21"}
console.log(JSON.stringify(person2)); // {"name": "mary", "sex: "21""}
可见，对引用类型做不同次的拷贝，并不能将每一份数据独立出来。原因是拷贝的是引用类型变量的地址，其指向的是同一个存放变量值的堆地址，因此对其中任意一个变量进行修改都会改变堆地址的值。
后语
细节不容忽视，只有掌握好基础知识与细节处，才能更好理解深入性知识。如有错误处，欢迎指正。
网友评论