js中arguments的理解

一、在函数调用的时候，浏览器每次都会传递进来两个隐式参数
1.函数的上下文对象this
2.封装实参的对象arguments

二、arguments对象

1.arguments对象实际是所在函数的一个内置数组对象。
2.每个函数都有一个arguments属性，表示函数的实参集合实参集合，这里的实参是重点，就是执行参数时实际传入的参数的集合；arguments不是数组而是一个对象，但他和数组很相似，所以通常称为类数组对象。arguments对象不能显示创建，它只有在函数开始时才可以用。
3.arguments还有callee，length和迭代器Symbol等属性。
4.argumetns同样具有length属性，arguments.length为函数实参的个数，可以用agruments[length]显示调用参数。
5.arguments对象可以检测参数个数，模拟函数重载。

三、理解点

1.arguments对象可以在函数内部访问所有的参数，实参

function f1(){
        console.log(arguments[0]);
        console.log(arguments[1]);
        console.log(arguments[2]);
    }

    f1(12,23,45);   //12 34 45

2.在正常的模式下，arguments对象可以在运行的时候进行修改

function f2(a,b){
        arguments[0] = 10;
        arguments[1] = 20;
        return a + b;
    }

    console.log(f2(4,6));   //30

3.在严格模式下，arguments对象在运行的时候不可以修改修改arguments对象不会影响到实际的函数参数

function add(a, b) {
            'use strict'; // 开启严格模式

            arguments[0] = 10;
            arguments[1] = 20;
            console.log(a,b);
            return a+b;
        }

        console.log(add(3,6)) // 9

4.通过arguments对象的length属性，可以判断实参的个数

function add(a, b) {
            console.log(arguments.length);
        }

        add(3,6) // 2

5.arguments是一个对象，不是数组，转换为数组可以采用slice和逐一填入新数组

function demo(a, b) {
            console.log(arguments instanceof Array); // false

            var arr = Array.prototype.slice.call(arguments);
            console.log(arr instanceof Array); //true

            var arr2 =  [];
            for(var i = 0; i<arguments.length;i++){
                arr2.push(arguments[i]);
            }
            console.log( arr2 instanceof Array); // true
        }

        demo(1,2,3);

6.arguments的callee属性可以返回对应的原函数，达到调用自身函数的效果，但在严格模式中是不适用的

function fn() {
            console.log(arguments.callee === fn) // true
        }

        fn(); //返回原函数，调用自身

四、arguments的应用
1.arguments.callee为引用函数自身，我们可以借用arguments.length可以查看实参和形参的个数是否一致

function add(a, b) { 

  var realLen = arguments.length; 
  console.log("realLen:", arguments.length); 
  var len = add.length; 
  console.log("len:", add.length); 

  if (realLen == len) { 
    console.log('实参和形参个数一致'); 
  } else { 
    console.log('实参和形参个数不一致'); 
  } 

}; 

add(11,22,33,44,66);

2.借用arguments.callee实现递归操作

//通过arguments.callee实现1-100的和
let num = 0;
        function fn(n) {
            num += n;

            if (n === 0){
                return;
            }
            arguments.callee(n-1);
        }
        fn(100);
        console.log(num);