从JS的变量复制看JS的参数传递

时间：2018-09-20 01:03:55 阅读：172 评论：0 收藏：0 [点我收藏+]

标签：family ring strong 结果 mon 外部 set 分配输出

变量的复制：
 
基本类型：从一个变量向另一变量复制基本类型的值,会在变量对象上创建一个新值,然后把该值复制到为新的变量分配的位置上

 1 console.log(" 基本类型：");
 2 var num1=1;
 3 var num2=num1; //此时num1=1,num2=1,这是两个完全独立的变量,互不影响,只是值相等而已
 4 
 5 console.log("   before copy --> num1:"+num1+" , num2:"+num2);
 6 //输出 before copy --> num1:1 , num2:1
 7 
 8 num1="change"; // 改变 num1 的值
 9 
10 console.log("   after copy --> num1:"+num1+" , num2:"+num2); 
11 //输出 after copy --> num1:change , num2:1
解析：独立变量 互不影响
 
 
引用类型：从一个变量向另一变量复制引用类型的值,会在变量对象上，创建一个新值,然后把该值复制到为新的变量分配的位置上,
　　　　　不同的是，这个副本和原来的变量都是一个指针,指向堆内存中同一个对象

1 console.log(" 引用类型：");
2 var obj1=new Object();
3 var obj2=obj1; // 此时 obj1 和 obj2 是两个独立的引用，只是指向同一个地方而已
4 
5 obj1.name="Guang Zai";// 改变 name 的值
6 
7 console.log("   obj2.name:"+obj2.name); 
8 //输出： obj2.name:Guang Zai
解析： 更改 obj1.name 的值，即更改 obj1 指向的那个地方的 name 属性的值，obj2 也指向同一个地方，因此读取 obj2 的 name 必然是更改后的结果
 
 
函数的参数传递：
在js中，所有函数的参数都是按照值传递的,也就是说：把函数外部的值复制给函数内部的参数,
就和把值从一个变量复制到另一个变量一样,复制过程按照基本类型和引用类型对应的变量复制过程，
按值传递 按值传递 按值传递 按值传递 按值传递 按值传递 按值传递 按值传递 按值传递 按值传递 按值传递 按值传递 按值传递 按值传递 按值传递 按值传递 
 
基本类型：

 1 function changeString(str){
 2     str+=": add something in the function"
 3     return str;
 4 }        
 5 
 6 console.log(" 基本类型：");
 7 var str="str";
 8 var str_return=changeString(str);
 9 console.log("   str_return:"+str_return+" , str:"+str);
10 // 输出：str_return:str: add something in the function , str:str
解析：基本类型按值传递，传进去的参数与外面的变量互相独立，互不影响
 
引用类型：

1 console.log(" 引用类型：");
2 function setName(obj){
3     obj.name="Guang Zai";
4     obj=new Object();
5     obj.name="guang";
6 }
7 var person=new Object();
8 setName(person);
9 console.log("   person.name:"+person.name);//输出： "Guang Zai"
 
// 解析：函数外部创建一个对象person,然后调用setName函数传递参数
// 此时按照传递参数的过程,把person的值复制一份后传递给参数obj
// 使得obj的引用与person指向同一个对象
/*
 other -----> {其他对象}

    obj -----》     【对】
    person -----》  【象】

*/
// 然后进入函数内部：
// obj.name="Guang Zai"; person.name也等于"Guang Zai" 因为此时 obj 的引用与 person 指向同一个对象
// obj=new Object(); 此时obj指向另一个对象,person依然指向原来的对象
// 因此obj之后的修改对person无影响,所以函数外部person.name="Gaung Zai"
// setName函数执行完成后,obj对象会被立即销毁
 
// 拓展分割线：----------------------------------------------------------------------

// js中引用类型作为参数传递和java不一样
// java中引用类型作为参数传递时，传递的是该对象的引用
// 传递的是引用 传递的是引用 传递的是引用 传递的是引用 传递的是引用 传递的是引用 传递的是引用 传递的是引用 传递的是引用 传递的是引用 传递的是引用 
// 那上面的例子来说，参数传递后应该是下面这样：
/*
    other ----->         {其他对象}

                          【对】
    obj,person -----》    【象】
 
*/
// 然后进入函数内部：
// obj.name="Guang Zai"; person.name也等于"Guang Zai"
// obj=new Object(); 此时obj指向另一个新的对象,person也指向那个新的对象
// 因为他们的引用是同意引用,因此对obj的修改就是对person的修改        
// setName函数执行完成后,obj对象和person的name属性都是 “guang”，而不是原来的 ”Guang Zai“
 
 

从JS的变量复制看JS的参数传递

标签：family ring strong 结果 mon 外部 set 分配输出

原文地址：https://www.cnblogs.com/go4it/p/9678352.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行