您是否见过如下代码？
(function () { console.log("hello from an iife!");})();这就是立即调用函数表达式 (IIFE)。它在定义后立即执行。IIFE 是在 JavaScript 中创建隔离作用域并避免污染全局作用域的有效方法。
乍一看语法可能有点奇怪，但其实很简单。您定义一个函数，用括号将其括起来，然后在末尾添加 () 立即调用它：
外层括号至关重要——它们将函数转换为表达式而非声明。这很重要，因为 JavaScript 不允许您立即调用函数声明。例如，以下代码会报错：
立即学习“Java免费学习笔记（深入）”；
function() { console.log("this won't work!");}();通过将函数用括号括起来，您告诉 JavaScript：“将其视为表达式，而非声明。”
为什么IIFE很重要？
IIFE 在 ES6 之前非常流行，因为它们有助于避免全局作用域污染。IIFE 允许您创建一个临时作用域，变量可以在不泄漏到全局空间的情况下存在。
例如：
降重鸟
要想效果好，就用降重鸟。AI改写智能降低AIGC率和重复率。
113 查看详情
(function () { var secret = "i'm hidden!"; console.log(secret); // "i'm hidden!"})();console.log(secret); // ReferenceError: secret is not defined在这个例子中，secret 变量只能在 IIFE 内部访问。一旦 IIFE 执行完毕，secret 就消失了。这对于保持代码整洁并避免与其他脚本冲突非常有用。
在块作用域变量（let 和 const）出现之前，创建新作用域的唯一方法是使用函数。可以说 IIFE 的流行仅仅是因为我们没有块作用域变量，这有点令人惋惜。
假设您正在构建一个模块，需要初始化一些数据，但不想将其暴露给外部。您可以使用 IIFE 封装该逻辑：
const counter = (function () { let count = 0; return { increment: function () { count++; console.log(count); }, reset: function () { count = 0; console.log("Counter reset!"); }, };})();counter.increment(); // 1counter.increment(); // 2counter.reset(); // "Counter reset!"这里，count 变量是私有的。与之交互的唯一方法是通过 IIFE 返回的 increment 和 reset 方法。
ECMAScript 规范没有明确提及 IIFE，但它确实解释了函数表达式。根据规范，函数表达式会被评估为其所在的更大表达式的一部分。当您在末尾添加 () 时，您就立即调用了该函数表达式。
随着块作用域变量（let 和 const）和 ES6 模块的引入，IIFE 不像以前那么必要了。但在某些情况下，它们仍然很方便，例如您需要创建快速、隔离的作用域，或者在处理旧代码库时。
更多关于巩固 JavaScript 基础的信息…
以上就是JavaScript IIFES-为什么他们很重要的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/371073.html
微信扫一扫 
支付宝扫一扫 
