function test(a,b){
arguments[0] = 5;
console.log(a) //5
}
test(1,2)
function test(a,b){
a = 5;
console.log(arguments[0]) //5
}
test(1,2)
从上面两个例子我们可以知道arguments和实参是映射关系,大白话说就是一方改变另一方也会跟着改变
但用上ES6语法arguments和实参的映射关系就被打破了,请看下面例子
function test(a = 6,b){
arguments[0] = 5;
console.log(a) // 1
}
test(1,2)
function test({a,b}){
arguments[0] = 5;
console.log(a) //1
}
test({a:1,b:2})
function test(...rest){
arguments[0] = 5;
console.log(rest) //[1,2]
}
test(1,2)
最后严格模式也会使映射关系被破坏
function test(a ,b){
"use strict"
arguments[0] = 5;
console.log(a) //1
}
test(1,2)
那到底为什么会产生这种问题呢?
其实是w3c组织在有意的弱化arguments的作用,从严格模式映射关系被破坏就可以看出来,官方更愿意我们开发者用剩余参数收集语法(…),这样拿到的就直接是一个数组,而arguments是类数组,要遍历它还要转换为数组,性能也会被影响