命名函数表达式
命名函数表达式(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 是一个“内部函数名”,可用于函数在自身内部进行自调用。