JavaScript 中的函数有两种类型:声明和表达式。
这是两者的区别:
- 函数声明被提升。这意味着您可以在函数出现在程序中之前调用该函数,就像 JavaScript 中的声明一样hoisted.
- 可以立即调用函数表达式。函数声明不能。这是因为表达式express(或返回一个值)。函数表达式表达一个函数。
函数声明的示例:
foo("bar");
function foo(bar) {
alert("foo" + bar);
}
上面的程序会起作用,因为foo
是一个函数声明。
foo("bar"); // throws an error, foo is undefined - not a function
var foo = function (bar) {
alert("foo" + bar);
};
上面的程序将不会像foo
被声明为undefined
,提升,然后分配函数表达式的值。因此它是undefined
当它被调用时。
函数表达式的示例:
(function (bar) {
alert("foo" + bar);
}("bar"));
上面的函数将被立即调用,因为它是一个函数表达式。
function (bar) {
alert("foo" + bar);
}("bar"); // throws an error, can't call undefined
上面的函数不会立即被调用,因为它是一个函数声明。请记住,声明并不表达(或返回值)。所以这就像试图调用undefined
作为一个函数。
函数如何变成表达式?
如果在需要表达式的上下文中使用函数,则将其视为表达式。否则,它将被视为声明。
在以下情况下需要表达式:
- 您正在为变量分配一个值(即
identifier = expression
).
- 括号内(即
( expression )
).
- 作为运算符的操作数(即
operator expression
).
因此以下都是函数表达式:
var foo = function () {};
(function () {});
~function () {};
其他一切都是函数声明。简而言之,如果您的函数前面没有任何内容,那么它就是一个声明。
看这段代码:https://github.com/aaditmshah/codemirror-repl/blob/master/scripts/index.js#L94
以下功能isExpression
用于测试任意 JavaScript 代码是否是表达式:
function isExpression(code) {
if (/^\s*function\s/.test(code)) return false;
try {
Function("return " + code);
return true;
} catch (error) {
return false;
}
}
希望这能消除您心中的任何疑问。
简而言之:
- 函数表达式表达或返回一个值(在本例中是一个函数)。因此它可以立即被调用,但在它出现在程序中之前不能被调用。
- 函数声明是hoisted。因此可以在它出现在程序中之前调用它。然而,由于它不表达任何值,因此无法立即调用。