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，并不会修改原值。因此第二个和第三个例子其实都是按共享传递。

总结

咱们能够理解，参数若是是基本类型是按值传递，若是是引用类型，也就是传递的是一个对象的引用，按共享传递。

JavaScript基础专题系列

JavaScript基础专题之原型与原型链（一）

JavaScript基础专题之执行上下文和执行栈（二）

JavaScript基础专题之深刻执行上下文（三）

JavaScript基础专题之闭包（四）

新手写做，若是有错误或者不严谨的地方，请大伙给予指正。若是这片文章对你有所帮助或者有所启发，还请给一个赞，鼓励一下做者，在此谢过。