首页 >web前端 >js教程 >立即调用函数表达式 (IIFE)

立即调用函数表达式 (IIFE)

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB原创
2024-09-03 12:09:31616浏览

Immediately Invoked Function Expression (IIFE)

立即调用函数表达式 (IIFE) 是一个 JavaScript 函数,一旦定义就会运行。它通常用于避免污染全局范围或为变量创建私有范围。

这是一个 IIFE 的简单示例:

(function() {
    var message = "Hello from IIFE!";
    console.log(message);
})();

解释:

  • 函数用括号括起来:(function() { ... })。这使得 JavaScript 引擎将其视为表达式。
  • 在函数的右括号之后,添加另一组括号 () 以立即调用该函数。
  • 该函数在定义后立即运行,记录“Hello from IIFE!”到控制台。

输出:

Hello from IIFE!

用法:

当您想要创建新作用域时,IIFE 非常有用,特别是为了保护变量不被函数外部访问或修改:

(function() {
    var counter = 0;  
// This counter is private and can't be accessed from outside

    function increment() {
        counter++;
        console.log(counter);
    }

    increment(); // Logs: 1
    increment(); // Logs: 2
})();

console.log(typeof counter); 
// Logs: "undefined", because `counter` is not accessible here.

这确保了像 counter 这样的变量保持私有,并且不会被代码的其他部分意外修改或访问。

以上是立即调用函数表达式 (IIFE)的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn