JavaScript 命名函数表达式（自学随笔）

命名函数表达式

命名函数表达式（NFE，Named Function Expression），指带有名字的函数表达式的术语。
eg：普通函数表达式：

let sayHi = function(who) {
  alert(`Hello, ${who}`);
};

给它一个名字，就是命名函数表达式：

let sayHi = function func(who) {
  alert(`Hello, ${who}`);
};

这个函数依然可以通过 sayHi() 调用：

 let sayHi = function func(who) {
  alert(`Hello, ${who}`);
};

sayHi("John"); // Hello, John

关于名字 func 特殊的地方，即添加名字的原因：
1、它允许函数在内部引用自己。
2、它在函数外是不可见的。
eg：下面的函数 sayHi 会在没有入参 who 时，以 “Tony” 为入参调用自己：

 let sayHi = function func(who) {
  if (who) {
    alert(`Hello, ${who}`);
  } else {
    func("Tony"); // 使用 func 再次调用函数自身
  }
};

sayHi(); // Hello, Tony

// 但这不工作：
func(); // Error, func is not defined（在函数外不可见）

为什么不直接使用 sayHi 进行嵌套调用？
当然，在大多数情况下我们可以这样做：

let sayHi = function(who) {
  if (who) {
    alert(`Hello, ${who}`);
  } else {
    sayHi("Tony");
  }
};

上面这段代码的问题在于 sayHi 的值可能会被函数外部的代码改变。如果该函数被赋值给另外一个变量（译注：也就是原变量被修改），那么函数就会开始报错：

 let sayHi = function(who) {
  if (who) {
    alert(`Hello, ${who}`);
  } else {
    sayHi("Tony"); // Error: sayHi is not a function
  }
};

let welcome = sayHi;
sayHi = null;

welcome(); // Error，嵌套调用 sayHi 不再有效！

因为函数从它的外部环境获取 sayHi。
没有局部的 sayHi，
所以使用外部变量。而当调用时，外部的 sayHi 置为 null 了。
我们给函数表达式添加的可选的名字，正是用来解决这类问题的。
修复：

 let sayHi = function func(who) {
  if (who) {
    alert(`Hello, ${who}`);
  } else {
    func("Tony"); // 现在一切正常
  }
};

let welcome = sayHi;
sayHi = null;

welcome(); // Hello, Tony（嵌套调用有效）

现在就正常运行了，
因为 func 是函数局部域的。
它对外部也是不可见的。
规范确保它只会引用当前函数。
外部代码仍然有该函数的 sayHi 或 welcome 变量。而 func 是一个“内部函数名”，可用于函数在自身内部进行自调用。