2019-10-25 JavaScript基本类型与引用类型

引言

ECMAScirpt 变量有两种不同的数据类型：基本类型，引用类型。

基本的数据类型有：undefined，boolean，number，string，null.基本类型的值是保存在栈内存中的。

引用类型即对象，Object：任意对象，Fuction：一种特别的对象，Array：一种特别的对象。 引用类型的值是同时保存在栈内存和堆内存中的对象，javascript和其他语言不同，其不允许直接访问内存中的位置，实际上操作的是对象的引用。

1. 基本类型按值传递

基本类型的访问是按值访问的，就是说你可以操作保存在变量中的实际的值。两变量间赋值时，只是将原变量的值复制一个副本给新变量，修改新变量中的副本，不影响原变量，同时修改原变量不影响新变量。

2. 引用类型按引用传递

引用类型的存储需要内存的栈区和堆内存共同完成， 声明一个对象的时候，会将对象的的声明变量名存储在栈内存中，并保存对象在堆内存中的地址值，而在堆内存中保存的是对象的值。对象是储存在堆内存中，但是无法直接操作堆内存，只能通过栈内存中的地址值获取到堆内存中的值。

3. 两者的区别

1. 基本类型的值是不可变的：基本类型的值修改后，相当于直接重新赋值了，而引用类型值是对原来的值进行增删改查。引用类型值的原数据是可以被修改的。

基本类型按值传递：

var a=1;//在栈内存的底部储存一个a 值为1
    var b=a;//在栈的第二个位置添加一个区域,保存的是b的值,b的值是a的值复制过来的
    var b=2;//将栈内存中 b的值改成了2，这个值是已经复制过来的，对a的值是没有任何影响的
    console.log(a,b); //结果为：1,2

引用类型按引用传递：

var c=["Tom","Jack"];
var d=c;//把c赋值给了d，这个时候，赋值的是栈内存中的引用地址，而不是堆内存中的值
    d.push('lina');
    console.log(c);  // 结果为：["Tom", "Jack", "Lina"]

image

2. 基本类型值是不可以扩展属性和方法的，引用类型值扩展属性

  var arr2=[1,2,3,4];
    arr2.name="lily";//给引用类型值扩展了一个name的属性
    console.log(arr2.name);//结果为：lily，结果表明，我们可以给引用类型值扩展属性

    var str3="today is happy day";
    str3.name="laowang";//给基本类型值扩展一个属性 name
    console.log(str3.name);//结果为：undefined ，结果表明，基本类型值是不可以扩展属性和方法的

3. 基本类型的比较是值的比较，而引用类型值得比较是引用地址的比较

    var num1=1;
    var num2=num1;
    console.log(num1==num2)//true

    var obj1={};
    var obj2={};
    console.log(obj1==obj2);//false  因为两个对象的引用地址不一样

4. 总结

在值传递时时，如

var time = new Date("2019/10/27");
var copy = time;

要考虑到是否要留存原变量的值，实现真正拷贝，而不是传递地址值，区别两种数据类型传递方式及扩展属性的不同。