JavaScript立即執行函數有何作用

JavaScript立即執行函數（Immediately Invoked Function Expression，簡稱IIFE）是一種在定義后立即執行的JavaScript函數。它被定義為一個匿名函數，并立即調用執行。IIFE的主要作用有以下幾點：

1. 創建局部作用域：在IIFE內部定義的變量和函數只在其內部生效，不會污染全局作用域。這可以防止命名沖突和降低代碼風險。

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

console.log(localVar); // 報錯，因為 localVar 在外部作用域中沒有定義

2. 立即執行內部代碼：IIFE在聲明時立即被調用執行，這使得內部的代碼可以立即得到執行并得到結果。

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

3. 傳遞參數：IIFE也可以傳遞參數到其內部，這可以利用在多種場景中，如與其他庫共同使用、傳遞配置參數等。

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

4. 利用私有變量和函數：在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."

5. 傳遞回調函數、事件處理程序等：IIFE也可以傳遞回調函數或其他事件處理程序，這在處理異步操作或事件監聽時非常有用。

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