JS盲区:函数的参数按值传递先看题阅读 JavaScript 高级程序设计第四版的时候遇到一个题：请问 person

先看题

阅读 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"