JavaScript基础之值传递和引用传递


js的值传递和引用(地址)传递

首先总述一下:
js的5种基本数据类型 number,string,null,undefined,boolean 在赋值传递时是值传递,
js的引用数据类型(object,array,function)进行引用传递,其实底层都是对象。

废话不多说,下面直接上代码

值传递例子:

1 var a = 10;
2 var b = a;
3 b = 5;
4 console.log('a:'+a,'b:'+b) // a:10 b:5

同样的,如果你改变其中a的值,a的值变化,b不会改变。

基本数据类型的赋值传递,变量直接包含的是一个值,你可以理解这个赋值过程为把你电脑里的一个文件(假设本来在c盘)复制到了D盘,然后你就很清楚知道,它两是完全不相干的两个文件(复制但是没修改前只是内容一样)了,没有关联性的独立文件,不会相互干扰。(不同地址路径下相同的值)

引用传递例子如下:

1 var obj = {a:1,b:2,c:3};
2 var objed = obj;
3 objed.a = 0;
4 console.log('obj:',obj,'objed:',objed) // obj: {a: 0, b: 2, c: 3} objed: {a: 0, b: 2, c: 3}

obj对象赋值给变量objed,需要理解的是,对象是以地址的形式存放在内存中的。还是用简单易懂的话说吧,变量obj存放的不是a,b,c这三个值,而是它这个整体对象占用的一个空间(有些人用类似堆和栈的思路来对比理解),你每看到一个对象(非基本数据类型皆是对象),你看到的应该是一个空间,便于理解,可以自己取个名字“#001”(随便叫什么都行)。那么变量obj就是一个叫“#001”的地址空间,这个空间里面有a,b,c三个东西,且有它的值。objed变量被赋“值”是这个空间“#001”。所以obj和objed实质上都是叫“#001”的空间,不论你是修改obj里内容还是objed里的内容,实质上都是“#001”空间里的那个它。所以修改变量obj的内容和objed的内容都是同一个东西,obj和objed都是一样的内容包含。同样用使用电脑来理解,就是你将你的文件放到编辑器上修改创作,你会发现,你修理和鞭打的是你编辑器里的代码,但是你磁盘里的文件同样在挨打????。编辑器里的和你磁盘里躺的伤口一模一样。因为你的代码文件被放到了编辑器的工作空间了。它也是一个空间。实际操作的就是同一个东西。只不过需要保存去实现赋值这一步!

好了,言语过于累赘,重要的是自己理解到。下面是看到过的面试题,可以看看你是否真的理解了呢?

 1 function changeAgeAndReference(person) {
 2     person.age = 20;
 3     person = {
 4         name: 'Paul',
 5         age: 30
 6     };
 7     return person;
 8 }
 9 var personObj1 = {
10     name: 'changeAlive',
11     age: 25
12 };
13 var personObj2 = changeAgeAndReference(personObj1);
14 console.log(personObj1); // -> ?
15 console.log(personObj2); // -> ?

以上存粹是个人理解。欢迎讨论,留言,一起学习!


作者:changeAlive,发布于:2019/03/15
原文:https://www.cnblogs.com/singerlee-changealive/p/10533562.html