在 JS 里函数是一等公民
理解函数参数
定义一个函数 test
function test(arg1, arg2) {
console.log("Hello " + arg1 + " " + arg2);
return "Hello " + arg1 + " " + arg2;
}
屏幕快照 2020-03-10 14.17.26.png
test 函数有两个参数，但是这两个参数可传可不传，函数都不会报错。
这是因为 ECMAScript 中的参数在内部是用一个数组表示的，函数接收到的始终都是这个数组，而不关心这个数组中有没有元素，有多少个元素。实际上，在函数内部可以通过 argumnets 对象来访问参数数组，从而获取到函数的参数，所以上面的函数也可以改写为
function test() {
console.log("Hello " + arguments[0] + " " + arguments[1]);
return "Hello " + arguments[0] + " " + arguments[1];
}
屏幕快照 2020-03-10 14.20.28.png
利用 arguments JS 可以模拟重载
function doAdd() {
if (arguments.length === 1) {
console.log(arguments[0] + 10)
} else if (arguments.length === 2) {
console.log(arguments[0] + arguments[1])
}
}
屏幕快照 2020-03-10 14.26.25.png
ECMAScript 中所有参数都是值传递，不可能通过引用传递参数
1.当参数是基本数据类型时，被传递的值会被复制给命名参数，或者说复制给 arguments 对象中的一个元素
function add (num) {
num += 10
return num
}
var count = 20
var result = add(count)
console.log(count)
console.log(result)
屏幕快照 2020-03-10 14.59.36.png
可以看到，当 count 传递到函数内部进行运算之后，count 的值并没有发生改变，说明 num 和 count 并没有什么关系，只是具有相同的值。
2.当参数为引用类型值的时候，可能会造成一些困惑
var person = {}
function setName(obj) {
obj.name = 'John'
}
setName(person)
console.log(person)
屏幕快照 2020-03-10 15.06.00.png
看到这个结果可能就任务引用数据类型参数是按照引用传递的，但是把这个函数稍微做下改造
var person = {}
function setName(obj) {
obj.name = 'John'
obj = {}
obj.name = 'alex'
}
setName(person)
console.log(person)
屏幕快照 2020-03-10 15.10.06.png
如果参数 obj 是按引用传递的，那么在函数的第二行，引用被指向了一个新对象，那么当再次打印 person 时，打印的应该是 name 为 alex 的对象，但是结果却不是，这说明，当参数是引用类型时，实际上是把引用类型对象在栈内存中的指针复制了一份传递给函数
