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"
相关文章
在 JavaScript 中隐藏表格行
发布时间:2024/03/18 浏览次数:184 分类:JavaScript
-
JavaScript 不一定有任何可以直接隐藏表格内容的预定义函数。更准确地说,有 jQuery 的 toggle() 函数和 hide()、show() 函数,它们依次执行以按下行并展开它们。
JavaScript 表格滚动
发布时间:2024/03/18 浏览次数:139 分类:JavaScript
-
要在网页中滚动表格内容,我们可以依赖一些 JavaScript 属性来依次执行任务。overflow、overflowX 和 overflowY 的使用使表格可滚动且可访问。
用 JavaScript 检查按钮是否被点击
发布时间:2024/03/18 浏览次数:147 分类:JavaScript
-
使用 JavaScript 检查按钮是否被点击可以通过三种方法进行。在 HTML 中添加 onclick 属性,将脚本标签中的 onclick 初始化为方法,使用 EventListener 可能是更好的方法。
JavaScript 更改按钮文本
发布时间:2024/03/18 浏览次数:128 分类:JavaScript
-
本教程展示了如何使用 JavaScript 更改按钮文本,并演示了使用 jQuery 更改按钮文本。