js 函数内部的特殊对象

一. 了解 arguments

arguments 只有在以 function 定义的函数中才会出现，其代表该函数内的所有参数，其本身是一个类数组对象，其运用也很简单，今天我们来学习其下的两个参数，callee 和 caller

二. callee

arguments.callee 指向 arguments 对象所在的函数。

我们写一个简单的递归阶乘：

 let fun = function(n){
        if(n === 1) return 1;
        return n*fun(n-1)
    }
    console.log(fun(5))

通过 callee 参数是实现

    let fun = function(n){
        if(n === 1) return 1;
        return n*arguments.callee(n-1)
    }

这样做可以很好的让函数逻辑和函数名解耦，无论该函数如何改名字，都不需要去重改内部递归函数的名字

三. caller

该属性引用的是调用当前函数的函数

    function outer(){
        inner();
    }

    function inner(){
        console.log(inner.caller); // outer 的代码
    }
    outer();

该内部函数名同样可以解耦，用 arguments 来表示

    function outer(){
        inner();
    }

    function inner(){
        console.log(arguments.callee.caller);
    }
    outer();

 四. new.target 

ES 中的函数始终可以作为构造函数实例化一个新对象, 也可以作为普通函数被调用，ES6 为了检测函数是通过 new 调用还是正常调用，特地增加了 new.target  对象来标识，如下所示

function fun (){
    console.log(new.target)
}
fun() // undefined
new fun() // fun 函数