arguments 详解

arguments

arguments

类数组

有length 从0开始的数组下标 没有数组的内置方法
是非箭头函数的其他函数的内置的局部变量

callee 宿主函数

arguments.callee() 返回函数本身

Symbol.iterator 可迭代对象标志

function test(...args) {
  console.log(Array.isArray(arguments)); //false
  console.log(Array.isArray(args)); //true
}
test(1, 2, 3);

args就是数组所以也是可迭代的

arguments转换为数组

slice用在arguments身上会阻止js引擎做一些特定优化
方法一

function test() {
  var argArr = [].slice.call(arguments);
  console.log(argArr);
}
test(1, 2, 3);

方法二

function test() {
  var argArr = arguments.length === 1 ? [arguments[0]] : Array.apply(null, arguments);
  console.log(argArr);
}
test(1, 2, 3);

形参实参的对应关系 共享关系

function test(a) {
  arguments[0] = 10;
  console.log(a, arguments[0]); //10,10
}
test(1);

function test(a) {
  a = 100;
  console.log(a, arguments[0]); //100,100
}
test(1);

形参中但凡有一个参数有默认值 arguments都不会对应跟踪参数最终的值

function test(a = 100) {
  arguments[0] = 10;
  console.log(a, arguments[0]);//1,10
}
test(1);

function test(a, b, c = 10) {
  arguments[0] = 100;
  arguments[1] = 200;
  arguments[2] = 300;
  console.log(a, arguments[0]);//1 100
  console.log(b, arguments[1]);//2 200
  console.log(c, arguments[2]);//3 300
}
test(1, 2, 3);

当剩余参数的时候也不跟踪

function test(...args) {
  arguments[0] = 100;
  arguments[1] = 200;
  arguments[2] = 300;
  console.log(args[0], arguments[0]); //1 100
  console.log(args[1], arguments[1]); //2 200
  console.log(args[2], arguments[2]); //3 300
}
test(1, 2, 3);

参数解构的时候也不跟踪

function test({ a, b, c }) {
  arguments[0] = 100;
  arguments[1] = 200;
  arguments[2] = 300;
  console.log(a, arguments[0]); //1 100
  console.log(b, arguments[1]); //2 200
  console.log(c, arguments[2]); //3 300
}
test({ a: 1, b: 2, c: 3 });

严格模式下也不对应 不共享

function test(a, b, c) {
  'use strict';
  a = 10;
  b = 20;
  c = 30;
  console.log(a, b, c);
  console.log(arguments);
}
test(1, 2, 3);

function test(a, b, c) {
  'use strict';
  arguments[0] = 10;
  arguments[1] = 20;
  arguments[2] = 30;
  console.log(a, b, c);
  console.log(arguments);
}
test(1, 2, 3);