在 javascript / jquery 中通过引用和值传递

Question

我有一个测试用例如下：

$(document).ready(function() {
   var arrayList=[{"name":"pradip"},{"name":"Tengi"}];
   var del = function(list) {
      list.splice(1,1);
      $("div").append("function:" + list.length +"<br>"); 
   };
   $("div").append("original:" + arrayList.length+"<br>");
   del(arrayList);
   $("div").append("modified"+ arrayList.length+"<br>");

   var test=1;
   var increase=function(a){
      a++;
      $("div").append("function="+a+"<br>");
   }
   $("div").append("original test="+test+"<br>");
   increase(test);
   $("div").append("increased test="+test+"<br>"); 
});

输出是：

original:2
function:1
modified1
original test=1
function=2
increased test=1

当我将数组按值传递给函数时，在函数中我更改了值，更改也反映在原始数组中，但在其他情况下，没有任何更改。

JSFiddle

为什么按值传递就像是通过引用传递数组一样？

Answer 1

您正在按值传递对数组的引用。

您现在有两个对同一个数组实例的引用。

如果你不想改变数组，你需要显式地创建一个副本。

Answer 2

如果传递的参数是原始类型，例如 (string ,number) 然后创建传递参数的副本（在函数调用完成时销毁）这意味着按值传递

但如果 传递的参数 是 一个对象 或 一个数组 那么我们有 passage by 参考

这是一个例子

num = 10;
str = 'string';
arr = [1,2,3]
obj = {p1:'val1'}

function passedBy(arg1){
  if(typeof arg1 === 'object'){
    // we are in the case where arg1 can be an object or an array 
       if(arg1.constructor === Array){
          // add 1 to the passed array 
          arg1.push(1);
       }else{
           // add p2 property to the passed object
           arg1.p2 = 'val2';

      }

  }else{
      //here arg1 parameter is a string or a number
      // if arg1 is a string the following instruction should perform a concatenation     
      // operation instead it should add 1 to arg1
      arg1 +=1 
  }

}

现在你可以试试这个简单的功能，看看引用通道和值通道之间的区别

例如

passedBy(num);  
passedBy(str); 
console.log(num);
console.log(str);

我们可以很容易地看到 str 和 num 的值没有改变，即使我们在 passBy() 函数中修改了它们

但如果我们尝试

passedBy(arr);
passedBy(obj);
console.log(arr);
console.log(obj);

我们可以清楚地看到 arr 和 obj 的内容与最初的不一样

希望你得到它