js函数中参数的传递

Posted 2021-01-29 提升自己，才有选择的能力和勇气

（javascript 中，函数的参数传递方式都是按值传递，没有按引用传递的参数）

一、数据类型

在 javascript 中数据类型可以分为两类：

• 基本类型值 primitive type，比如Undefined,Null,Boolean,Number,String。
• 引用类型值，也就是对象类型 Object type,比如Object,Array,Function,Date等。  

变量的复制

 众所周知，js中变量的基本类型和引用类型保存方式是不同的，这也就导致变量复制时也就不同了。如果从一个变量向另一个变量复制基本类型的值时，会将前者的值克隆一个，然后将克隆的值赋值到后者，因此这两个值是完全独立的，只是他们的value相同而已。

var num1 = 10;
var num2 = num1;
console.log(num2);//10

上面的num1中被保存的值为10，当把num1的值赋值给num2时，num2的值也为10。但是这两个10是完全独立的，num2中的10只是被克隆出来的，修改任何一个都不会影响另一个。

num2 += 1;
console.log(num1); //10
console.log(num2); //11

从上面可以看出修改num2的值，num1的值未发生变化。再来看下引用类型的复制。当从一个变量向另一个变量复制引用类型的值时，同样也会将存储在变量对象中的值复制一份放到为新变量分配的空间中。

var obj1 = {
  name : "111"
};
var obj2 = obj1;
console.log(obj2.name); //111
obj2.name = "222";
console.log(obj1.name); //222

复制对象时并不会在堆内存中新生成一个一模一样的对象，只是多了一个保存指向这个对象指针的变量罢了。将obj1的值复制给obj2，而这个值的副本实际上是一个指针，这个指针指向存储在堆中的一个对象，也就是说创建了一个新的内存地址传给了obj2，obj1和obj2两个变量同时指向了同一个Object，当去改变这个对象时，他们的值都会改变，也就是说他们中任何一个作出的改变都会反映在另一个身上。

 

二、函数参数的传递 

《js高级程序设计》上关于参数传递的描述：所有函数的参数都是按值传递的,也就是说把函数外部的值复制给函数内部的参数，就和把值从一个变量复制到另一个变量一样。

var count = 10;
function num(num1){
   num1 = 1;
   return num1;
}
var result = num(count);
console.log(result);//1
console.log(count);//10，并未变成1

上面的例子很容易理解，实际就是创建了一个count的副本，然后把count的值传入参数中，因为函数中定义了参数的值，所以1就将10覆盖了，最后的result返回1，而count并未发生变化。看一个有关传递对象的例子。

var person  = {
    name : "Tom"
};
function obj(peo){
    peo.name = "Jerry";
    return peo;
}
var result = obj(person);
console.log(result.name);// Jerry
console.log(person.name);// Jerry

在上面的例子中，把person复制传入obj()中，peo和person指向了同一个对象，而在peo中修改了name属性，其实修改了它们共同指向的对象的name属性，相对应的外部person所引用的name属性也就改变了，所以打印出来的为Jerry。其实这个乍一看，感觉引用类型的参数是按照引用传递的，但并不是，再看一个例子：

var person = {
    name : "Tom"
}; 
function obj(peo){
    peo = {
       name : "Jerry"
    };
    return peo;
}
var result = obj(person);
console.log(result.name);// Jerry
console.log(person.name);// Tom

上面的例子中，在函数中重新定义了一个对象，也就是现在堆内存中有两个对象，外部的person指向的是老的对象，被传入参数后指向的是新定义的对象，所以调用后返回的值是新定义的对象的值。如果是参数是按引用传递的，那么person.name打印出来的结果为Jerry，从这点可以得出参数是按值传递的（有的地方叫做按共享传递）

           

简单概括：函数的参数是值传递，对象类型作为参数的时候传递的是地址（指针）的值，而不是对象本身堆内存中的value

所以在这种场景，函数内部用参数去修改对象，那么查找到的还是原对象，因为指向相同，所以修改的话原对象也受影响

如果新实例化一个对象赋值给改指针，那么指针指向的就是一个全新的对象了，和原来指向的对象失去联系                                                     

 

                                                                                                                                                                                                                                                                          ----文章引用open_wang的博客及博客评论https://www.cnblogs.com/open-wang/p/5208606.html