JavaScript立即执行函数有何作用-乐工具技术知识

JavaScript立即执行函数（Immediately Invoked Function Expression，简称IIFE）是一种在定义后立即执行的JavaScript函数。它被定义为一个匿名函数，并立即调用执行。IIFE的主要作用有以下几点：

创建局部作用域：在IIFE内部定义的变量和函数只在其内部生效，不会污染全局作用域。这可以防止命名冲突和降低代码风险。

(function() {
  var localVar = "Local Variable";
  console.log(localVar); // 输出 "Local Variable"
})();

console.log(localVar); // 报错，因为 localVar 在外部作用域中没有定义

立即执行内部代码：IIFE在声明时立即被调用执行，这使得内部的代码可以立即得到执行并得到结果。

(function() {
  console.log("This code will execute immediately!");
})();

传递参数：IIFE也可以传递参数到其内部，这可以利用在多种场景中，如与其他库共同使用、传递配置参数等。

(function(someVar) {
  console.log("Passed variable: " + someVar);
})("Hello, World!"); // 输出 "Passed variable: Hello, World!"

利用私有变量和函数：在IIFE中定义的变量和函数在外部作用域中不可访问，可以实现代码封装和私有成员的使用。

var module = (function() {
  var privateVar = "Private Variable";

  function privateFunction() {
    console.log("This is a private function.");
  }

  return {
    publicFunction: function() {
      console.log("Accessing private variable: " + privateVar);
      privateFunction();
    }
  };
})();

module.publicFunction(); // 输出 "Accessing private variable: Private Variable" 和 "This is a private function."

传递回调函数、事件处理程序等：IIFE也可以传递回调函数或其他事件处理程序，这在处理异步操作或事件监听时非常有用。

(function(callback) {
  setTimeout(function() {
    callback("Hello from setTimeout!");
  }, 1000);
})(function(message) {
  console.log(message); // 输出 "Hello from setTimeout!"，延迟1秒
});