JavaScript 中的初始化函数

Shraddha Paghdar 2023年10月12日
JavaScript 中的初始化函数

函数是 JavaScript 最基本的元素之一。JavaScript 函数与过程的函数非常相似。

一组指令/语句执行一项任务或计算一个值。对于一个有资格作为函数的过程,它必须要求输入并在测试时返回一个输出。

要使用函数,你必须在要调用它的范围内定义它。

在今天的文章中,我们将学习 JavaScript 中的 init 函数。

JavaScript 中的初始化函数

当函数只使用一次时,立即调用函数表达式 (Immediately Invoked Function Expression,IIFE) 很常见。

(function() {
/* Set of instructions */
})();
(() => {
     /* Set of instructions */
 })();

IIFE 是函数声明后立即调用的函数表达式。不以函数开头的函数声明是函数表达式。

普通函数定义也称为函数语句或函数声明。此函数声明由关键字 function 组成,后跟:

  1. 函数的唯一名称。
  2. 函数所需的所有参数都用括号括起来,用逗号分隔。
  3. JavaScript 声明定义函数。它用方括号括起来,{...}

创建命名函数表达式的优点之一是,如果我们遇到错误,堆栈跟踪将包含函数名称,从而更容易找到错误的来源。

IIFEs 是一种设计模式,也称为自执行匿名函数,有两个主要部分。

  1. 第一个是词法分隔的匿名函数,它包含在分组运算符 () 中。这会阻止访问 IIFE 语言中的变量并污染世界范围。
  2. 第二部分创建立即调用函数表达式 () 的函数,它允许 JavaScript 引擎直接解释该函数。
const additionFunction = function() {
  console.log(2 + 3)
};
additionFunction();

(function() {
console.log(2 + 3)
})();

因为我们的应用程序可能包含来自不同源文件的许多函数和全局变量,所以限制全局变量的数量很重要。

我们以上面的代码为例;我们已经声明了两个函数。这两个函数都执行类似的任务并打印结果 5。

如果我们有不需要重用的启动代码,我们可以使用 IIFE 模式。

代码不会被重用。在这种情况下,使用 IIFE 比使用函数声明或表达式更好。

当你在任何浏览器中运行上述代码时,它会打印出类似这样的内容。

输出:

"5"
"5"
Shraddha Paghdar avatar Shraddha Paghdar avatar

Shraddha is a JavaScript nerd that utilises it for everything from experimenting to assisting individuals and businesses with day-to-day operations and business growth. She is a writer, chef, and computer programmer. As a senior MEAN/MERN stack developer and project manager with more than 4 years of experience in this sector, she now handles multiple projects. She has been producing technical writing for at least a year and a half. She enjoys coming up with fresh, innovative ideas.

LinkedIn

相关文章 - JavaScript Function