锐客网

JS按值传递和按引用传递

1. 按值传递
将参数值传递给过程的方式,使过程访问到变量的复本。结果,过程不可改变变量的真正值,传递的是变量的内容。
2. 按引用传递
将参数地址传递给过程的方式,使过程访问到实际的变量。结果,过程可以改变变量的真正值,传递的是变量在内存中地址的指针或引用。
先举个两个例子:

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

var a = [1,2]var b = a; a[0] = 3; console.log(b)//[3,2]

有没有觉得很神奇,number,string都是基本数据类型,而基本数据类型存放在栈区,是直接按值存放的,可以直接访问;对象和数组是存放在堆中的,通过引用来赋值,实际是一个存放在栈内存的指针,这个指针指向堆内存中的地址。
现在我们来看一下ECMAScript中的数据类型。主要分为两大类:
基本数据类型 (undefined,boolean,string,number,null
var a = 3; var b = 3; console.log(a === b)//true

所以记住基本数据类型的比较是值的大小。
此处如果用==呢?是会进行类型转换的,举个简单点的例子:
var a = 10; var b = '10'; console.log(a == b); //true

引用数据类型(object(数组和函数)) 引用数据类型在内存中是这样存的,每个空间大小不一样,要根据情况进行特定分配,如下所示:
varpersonA = {name:'fcc'}var personB = {name:'fcc1'}var personC = {name:'fcc2'}

JS按值传递和按引用传递
文章图片
堆内存 举个例子:
var a =[1,2,3,4]; var b =[1,2,3,4]; console.log(a === b); //false

虽然变量a,b内容是一样的,但是在内存中却存在不同的位置,他们指的不是同一个对象。
传值与传址有和不同?
基本数据类型的=是在内存中新开辟一段栈内存,然后把值赋值到新的栈中。
var a = 1; var b = a; //只传递值

a++; console.log(a); //2console.log(b); //1

JS按值传递和按引用传递
文章图片
基本数据类型的赋值过程
由图可以看出,基本数据类型是相互不会影响的。
引用数据类型的赋值是传址,改变指针的方向。就是说引用类型的赋值是对象保存在栈中的地址,两个变量之间就指向同一个对象,所以操作的时候互相之间会有影响。
var a = {}; //a保存了一个空对象的实例var b = a; //a和b都指向了这个空对象a.name = 'fcc'; console.log(a.name); //'fcc'console.log(b.name); //'fcc'b.age = 23; console.log(b.age); //23console.log(a.age); //23console.log(a == b); //true

JS按值传递和按引用传递
文章图片
引用类型赋值地址
【JS按值传递和按引用传递】由图可以看出,引用数据类型之间是会相互影响的。