ECMAScript包括两个不同类型的值:
基本数据类型:指的是简单的数据段,基本数据类型有Number、String 、Boolean、Null和Undefined。基本数据类型是按值访问的,因为可以直接操作保存在变量中的实际值
var a = 10;
var b = a;
b = 20;
console.log(a) //a的值还是为10
图示的话可以表示为:
即可以看出b只是保存了a复制的一个副本。a和b是相互独立的,所以改变b并不会对a有影响
引用数据类型:也就是对象类型Object type,比如:Object 、Array 、Function 、Data等。javascript的引用数据类型是保存在堆内存中的对象。与其他语言的不同是,你不可以直接访问堆内存空间中的位置和操作堆内存空间。只能操作对象在栈内存中的引用地址 。所以,引用类型数据在栈内存中保存的实际上是对象在堆内存中的引用地址。通过这个引用地址可以快速查找到保存中堆内存中的对象。
var obj1 = new Object();
var obj2 = obj1;
obj2.name = " jack";
console.log(obj1.name) //jack
即这两个引用数据类型指向了同一个堆内存对象。当obj1赋值给obj2时,就是将obj1在栈内存的引用地址复制了一份给了obj2,因为他们指向了同一个堆内存,当obj2发生改变的时候,obj1也会随之改变
因为他们共同指向了同一个堆内存对象。实际上改变的是堆内存对象。
当我们明白上述关于基本数据类型和引用数据类型在内存中的区别时我们再来理解函数中参数的值传递和引用传递就很简单了
首先我们应该明确一点:ECMAScript中所有函数的参数都是按值来传递的。但是为什么涉及到原始类型与引用类型的值时仍然有区别呢?就是因为内存分配时的差别。
1. 原始值:只是把变量里的值传递给参数,之后参数和这个变量互不影响。
2. 引用值:对象变量它里面的值是这个对象在堆内存中的内存地址,因此它传递的值也就是这个内存地址,这也就是为什么函数内部对这个参数的修改会体现在外部的原因了,因为它们都指向同一个对象。``
// 1.值传递
function test(name) {
name = "jack";
}
var temp = "why";
test(temp);
console.log(temp);//输出为why
// 2.引用传递(实际也是值传递,传递的为内存地址)
function test(arr) {
arr[0] = "abc";
}
var temp = [10, 20, 30];
test(temp);
console.log(temp);//输出为[abc,20,30]
参考文献:JavaScript中基本数据类型和引用数据类型的区别(https://www.cnblogs.com/cxying93/p/6106469.html)