JavaScript的参数传递的记录

按值传递

什么是按值传递呢? 把函数外部的值复制给函数内部的参数,就和把值从一个变量复制到另一个变量一样。

举个简单的例子:

示例一:js代码按值传递
如果按引用传递,那么函数里面的num会变成类似全局变量,最后输出60

function box(num){ // 按值传递
    num+=10;
    return num;
}
var num=50;

console.log(box(num));  // 60
console.log(num);        // 50

当传递 num到函数 box 中,相当于拷贝了一份 num,假设拷贝的这份叫 num,函数中修改的都是 num 的值,而不会影响原来的 num 值。

示例二:php代码传递一个参数:
function box(&$num){ 
    //加上&符号将num变成全局变量
    $num+=10;
    return $num;
}
$num = 50;
echo box($num);    // 60
echo $num;    // 60

在 php 中的引用传递,会改变外部的 num 值,最后 num 也会输出60。

引用传递

拷贝虽然很好理解,但是当值是一个是对象这种复杂的数据结构的时候,拷贝就会产生性能问题。

所以还有另一种传递方式叫做按引用传递。

所谓按引用传递,就是传递对象的引用,函数内部对参数的任何改变都会影响该原对象的值,因为两者引用的是同一个对象。

举个例子:

function box(o){ // 按对象传递
    o.num = 10;
	return obj.num;
}
var obj = { num: 50 };

console.log(box(obj));  // 10
console.log(obj.num);    // 10

ECMAScript标准中所有函数的参数都是按值传递的,会出现引用传递,而这究竟是不是引用传递呢?

让我们再看个例子:

function box(o){ // 按对象传递
    o = 10;
	return o;
}
var obj = { num: 50 };

console.log(box(obj));  // 10
console.log(obj.num);    // 50

如果 JavaScript 采用的是引用传递,外层的值也会被修改呐,这怎么又没被改呢?所以真的不是引用传递吗?

这就要讲到其实还有第三种传递方式,叫按共享传递

而共享传递是指,在传递对象的时候,传递对象的引用的副本。

所以修改 o.num,可以通过引用找到原值,但是直接修改 o,并不会修改原值。所以第二个和第三个例子其实都是按共享传递

总结

我们可以理解,参数如果是基本类型是按值传递,如果是引用类型,也就是传递的是一个对象的引用,按共享传递。

评论 抢沙发

表情