先看题

阅读 JavaScript 高级程序设计第四版的时候遇到一个题：

function setName(obj) {
  obj.name = 'Nicholas'
  obj = {}
  obj.name = 'Greg'
}
let person = {}
setName(person)
console.log(person.name)

请问 person.name 等于？

没错 我答的 'Greg'，而正确答案是：

什么鬼？不会吧？对象不是按引用访问吗？ 我三年代码白写了

是不是书印错了？ 带着疑问我继续往下看

函数参数按值传递

ECMAScript 中所有函数的参数都是按值传递的。

为了理解这句话， 看下例 1：

function addTen(num) {
  num += 10
  return num
}
let count = 20
let result = addTen(count)
console.log(count) // 20，没有变化
console.log(result) // 30

这里，函数 addTen()有一个参数 num，它其实是一个局部变量。在调用时，变量 count 作为参数 传入。count 的值是 20，这个值被复制到参数 num 以便在 addTen()内部使用。在函数内部，参数 num 的值被加上了 10，但这不会影响函数外部的原始变量 count。参数 num 和变量 count 互不干扰，它们只不过碰巧保存了一样的值。如果 num 是按引用传递的，那么 count 的值也会被修改为 30。

这个事实在使用数值这样的原始值时是非常明显的。但是，如果变量中传递的是对象，就没那么清楚了。比如， 看这个例 2:

function setName(obj) {
  obj.name = 'Nicholas'
}
let person = {}
setName(person)
console.log(person.name) // "Nicholas"

这一次，我们创建了一个对象并把它保存在变量 person 中。然后，这个对象被传给 setName() 方法，并被复制到参数 obj 中。在函数内部，obj 和 person 都指向同一个对象。

结果就是，即使对象是按值传进函数的，obj 也会通过引用访问对象。当函数内部给 obj 设置了 name 属性时，函数外部的 对象也会反映这个变化，因为 obj 指向的对象保存在全局作用域的堆内存上。很多开发者 '错误' 地认为， 当在局部作用域中修改对象而变化反映到全局时，就意味着参数是按引用传递的。

重新看这个例子:

function setName(obj) {
  obj.name = 'Nicholas'
  obj = {}
  obj.name = 'Greg'
}
let person = {}
setName(person)
console.log(person.name) // "Nicholas"

我错误的认为 person 原封不动的传递给了 setName， 因为我认为对象是按引用访问的

obj = {} obj.name = 'Greg' 这两句代码执行之后

所以就得出了 person.name 等于 'Greg' 点错误答案

而真实的情况是 函数的参数都是按值传递的， person 的堆地址被复制了一份赋值给了 obj 参数

obj = {} obj.name = 'Greg' 这两句代码执行之后

所以正确答案： person.name 等于 'Greg'

再看一个跟 this 绑定的例子

function foo() {
  console.log(this.a)
}
function doFoo(fn) {
  // fn 其实引用的是 foo fn(); // <-- 调用位置!
}
var obj = { a: 2, foo: foo }
var a = 'oops, global' // a 是全局对象的属性
doFoo(obj.foo) // "oops, global"

函数作为参数传值时，只是将函数地址 copy 一份，传入函数, 所以 this 绑定也自然丢失了

如果把函数传入语言内置的函数而不是传入你自己声明的函数，会发生什么呢?结果是一 样的，没有区别:

function foo() {
  console.log(this.a)
}
var obj = { a: 2, foo: foo }
var a = 'oops, global' // a 是全局对象的属性 
setTimeout( obj.foo, 100 ); // "oops, global"

就像我们看到的那样，回调函数丢失 this 绑定是非常常见的

总结：

ECMAScript 中所有函数的参数都是按值传递的。

这意味着函数外的值会被复制到函数内部的参数 中，就像从一个变量复制到另一个变量一样。

如果是原始值，那么就跟原始值变量的复制一样，如果是引用值，那么就跟引用值变量的复制一样。

对很多开发者来说，这一块可能会不好理解，毕竟变量有按值和按引用访问，而传参则只有按值传递。

本来以为写了三年代码， 对 JS 算是比较了解了，结果还是被扫盲了

还得多看书哇！

参考 JavaScript 高级程序设计第四版 4.1.3 传递参数