JavaScript 中的初始化函数
函数是 JavaScript 最基本的元素之一。JavaScript 函数与过程的函数非常相似。
一组指令/语句执行一项任务或计算一个值。对于一个有资格作为函数的过程，它必须要求输入并在测试时返回一个输出。
要使用函数，你必须在要调用它的范围内定义它。
在今天的文章中，我们将学习 JavaScript 中的 init 函数。
JavaScript 中的初始化函数
当函数只使用一次时，立即调用函数表达式 (Immediately Invoked Function Expression，IIFE) 很常见。
(function() {
/* Set of instructions */
})();
(() => {
/* Set of instructions */
})();
IIFE 是函数声明后立即调用的函数表达式。不以函数开头的函数声明是函数表达式。
普通函数定义也称为函数语句或函数声明。此函数声明由关键字 function 组成，后跟：
创建命名函数表达式的优点之一是，如果我们遇到错误，堆栈跟踪将包含函数名称，从而更容易找到错误的来源。
IIFEs 是一种设计模式，也称为自执行匿名函数，有两个主要部分。
- 第一个是词法分隔的匿名函数，它包含在分组运算符
()中。这会阻止访问 IIFE 语言中的变量并污染世界范围。 - 第二部分创建立即调用函数表达式
()的函数，它允许 JavaScript 引擎直接解释该函数。
const additionFunction = function() {
console.log(2 + 3)
};
additionFunction();
(function() {
console.log(2 + 3)
})();
因为我们的应用程序可能包含来自不同源文件的许多函数和全局变量，所以限制全局变量的数量很重要。
我们以上面的代码为例；我们已经声明了两个函数。这两个函数都执行类似的任务并打印结果 5。
如果我们有不需要重用的启动代码，我们可以使用 IIFE 模式。
代码不会被重用。在这种情况下，使用 IIFE 比使用函数声明或表达式更好。
当你在任何浏览器中运行上述代码时，它会打印出类似这样的内容。
输出：
"5"
"5"
相关文章
Do you understand JavaScript closures?
发布时间：2025/02/21 浏览次数：108 分类：JavaScript
-
The function of a closure can be inferred from its name, suggesting that it is related to the concept of scope. A closure itself is a core concept in JavaScript, and being a core concept, it is naturally also a difficult one.
Do you know about the hidden traps in variables in JavaScript?
发布时间：2025/02/21 浏览次数：178 分类：JavaScript
-
Whether you're just starting to learn JavaScript or have been using it for a long time, I believe you'll encounter some traps related to JavaScript variable scope. The goal is to identify these traps before you fall into them, in order to av
How much do you know about the Prototype Chain?
发布时间：2025/02/21 浏览次数：150 分类：JavaScript
-
The prototype chain can be considered one of the core features of JavaScript, and certainly one of its more challenging aspects. If you've learned other object-oriented programming languages, you may find it somewhat confusing when you start
用 jQuery 检查复选框是否被选中
发布时间：2024/03/24 浏览次数：102 分类：JavaScript
-
在本教程中学习 jQuery 检查复选框是否被选中的所有很酷的方法。我们展示了使用直接 DOM 操作、提取 JavaScript 属性的 jQuery 方法以及使用 jQuery 选择器的不同方法。你还将找到许多有用的
jQuery 中的 Window.onload 与 $(document).ready
发布时间：2024/03/24 浏览次数：180 分类：JavaScript
-
本教程演示了如何在 jQuery 中使用 Window.onload 和 $(document).ready 事件。
