JavaScript匿名函数即时调用/执行（表达式vs声明）

在 JavaScript 中，匿名函数是指没有名称的函数，可以使用两种方式来定义和调用它们：函数表达式和函数声明。其中，函数表达式更常用于创建立即可执行的匿名函数。

函数表达式

定义

函数表达式是一种将函数赋值给变量或属性的方式，它由以下部分组成：

1. function 关键字
2. 可选的函数名称
3. 一对圆括号，内部包含参数列表
4. 一对大括号，内部包含函数体

例如：

var sayHello = function(name) {
  console.log("Hello, " + name + "!");
};

在这个例子中，我们定义了一个匿名函数并将其赋值给 sayHello 变量。

调用

要调用函数表达式，只需像调用任何其他函数一样使用圆括号 () 包裹参数，并通过变量名引用该函数表达式。例如：

sayHello("Alice"); // 输出 "Hello, Alice!"

立即执行

利用函数表达式的特性，我们可以创建立即可执行的匿名函数。只需在定义后立即加上一对圆括号 () 即可。

(function() {
  console.log("I am an immediately invoked anonymous function!");
})();

在这个例子中，我们用一对圆括号将匿名函数包裹起来，并在末尾再次使用一对圆括号立即执行该函数。这里的 function() 是一个匿名函数表达式，称为立即执行函数表达式（Immediately Invoked Function Expression），简称 IIFE。

函数声明

定义

函数声明是一种使用 function 关键字定义的函数，其名称是必需的，但可以省略圆括号中的参数列表。例如：

function sayGoodbye(name) {
  console.log("Goodbye, " + name + "!");
}

在这个例子中，我们定义了一个名为 sayGoodbye 的函数。

调用

要调用函数声明，只需像调用任何其他函数一样使用圆括号 () 包裹参数，并通过函数名称引用该函数声明。例如：

sayGoodbye("Bob"); // 输出 "Goodbye, Bob!"

立即执行

函数声明不支持直接立即执行，必须先定义函数，然后才能调用它们。

总结

JavaScript 中的匿名函数可以通过函数表达式和函数声明两种方式来定义和调用。函数表达式更常用于创建立即可执行的匿名函数，而函数声明则需要先定义函数再调用。无论哪种方式，都可以在 JavaScript 中实现高效的代码编写。

示例代码：

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/14067