按值传递

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

举个简单的例子：

示例一：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基础专题之闭包（四）

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