js Function 参数按值传递详解

  1. 如果传入参数是基本数据类型,那么按值传递是很容易理解的;
  2. 如果传入参数是引用数据类型,那么会很容易陷入误区,错误地认为是引用传递;

错误例子一:

function setColor(obj){
    obj.color = "red";
}


var picture = new Object();
setColor(picture);
console.log(picture);  //"red"

看到上面这个例子后,很容易认为:”函数的值是传入了引用,然后通过引用修改了对象的属性。“

纠正例子二:

function setColor(obj){
    obj.color = "red";
    obj = new Object();
    obj.color = "blue";
}


var picture = new Object();
setColor(picture);
console.log(picture.color);  //"red"

我们发现,如果函数传入的是引用,那么在函数内部的修改picture的引用就会对象把指向color为”blue“的对象;但是根据输出的结果,很显然是错误;

结论:因此,不管函数传入的是什么数据类型,都是按值传递的。