命名函数表达式用途

本节目标：理解“命名函数表达式用途”的核心思路，并能把它用于实际开发或面试表达。

命名函数表达式可用于函数内部引用自身的情形。

**比如递归**
如果你想在函数体内部引用当前函数，则需要创建一个命名函数表达式。然后函数名称将会（且只会）作为函数体（作用域内）的本地变量。这样也可以避免使用非标准的 arguments.callee 属性。
var math = {
  'factorial': function factorial(n) {
    if (n <= 1)
      return 1;
    return n * factorial(n - 1);
  }
};

被函数表达式赋值的那个变量会有一个name属性，如果你把这个变量赋值给另一个变量的话，这个name属性的值也不会改变。

如果函数是一个匿名函数，那name属性的值就是被赋值的变量的名称（隐藏值）。

如果函数不是匿名的话，那name属性的值就是这个函数的名称（显性值）。

这对于箭头函数也同样适用（箭头函数没有名字，所以只能赋予name属性一个隐性名）。

var foo = function() {}
foo.name // "foo"
var foo2 = foo
foo2.name // "foo"
var bar = function baz() {}
bar.name // "baz"
console.log(foo === foo2); //true
console.log(typeof baz);// undefined
console.log(bar === baz); // false (errors because baz == undefined)

**递归**
递归函数是在一个函数通过名字调用自身的情况下构成的，如下所示。
function factorial(num) {
    if (num <= 1) {
        return 1;
    } else {
        return num * factorial(num - 1);
    }
}

但下面的代码却可能导致它出错。
var anotherFactorial = factorial;
factorial = null;
alert(anotherFactorial(4));
由于必须执行factorial(),而factorial已经不再是函数，所以就会导致错误。

在这种情况下，使用arguments.callee可以解决这个问题。
我们知道，arguments.callee是一个指向正在执行的函数的指针，因此可以用它来实现对函数的递归週用，例如：
function factorial(num) {
    if (num <= 1) {
        return 1;
    } else {
        return num * arguments.callee(num - 1);
    }
}

但在严格模式下，不能通过脚本访冋arguments.callee，访问这个属性会导致错误。
因此可以使用命名函数表达式来达成相同的结果。例如：
var factorial = (function f(num) {
    if (num <= 1) {
        return 1;
    } else {
        return num * f(num - 1);
    }
})
即便把函数赋值给了另一个变量，函数的名字f仍然有效，所以递归调用能正确完成。
这种方式在严格模式和非严格模式下都行得通。

命名函数表达式用途 ​

命名函数表达式用途