详解函数参数和arguments的区别

ES5引入了严格模式，在严格模式中改变了arguments和函数参数之间的关系，本文将分为两种情况分别说明。

一般模式

直接上代码，先来看调用时缺省参数的情况

function a1(x) {
    x = 2;
    console.log(x, arguments[0]);
}
a1(); // 2 undefined

function a2(x) {
    arguments[0] = 2;
    console.log(x, arguments[0]);
}
a2(); // undefined 2

再来看调用时传入参数的情况

function a3(x) {
    x = 2;
    console.log(x, arguments[0]);
}
a3(1); // 2 2

function a4(x) {
    arguments[0] = 2;
    console.log(x, arguments[0]);
}
a4(1); // 2 2

可以看到如果缺省参数，arguments和参数是隔离开的；如果传入参数，arguments和参数是双向绑定的。

严格模式

再来看看严格模式，直接上代码

function b1(x) {
    'use strict';
    x = 2;
    console.log(x, arguments[0]);
}
b1(); // 2 undefined

function b2(x) {
    'use strict';
    arguments[0] = 2;
    console.log(x, arguments[0]);
}
b2(); // undefined 2

function b3(x) {
    'use strict';
    x = 2;
    console.log(x, arguments[0]);
}
b3(1); // 2 1

function b4(x) {
    'use strict';
    arguments[0] = 2;
    console.log(x, arguments[0]);
}
b4(1); // 1 2

在严格模式下，无论参数是否缺省，arguments和参数都是隔离开的。

总结
在严格和非严格模式下行为会有不同，大家小心别踩坑，祝好。