JS立即執行函數的多種寫法

一、普通函數寫法

function normalFunction() {
  console.log('這是一個普通函數');
}
normalFunction();

常見的函數寫法，定義一個函數並調用執行。

二、匿名函數自調用寫法

(function() {
  console.log('這是一個匿名函數自調用');
})();

將函數賦值給一個變數，函數表達式後需加分號，最後加一對小括弧。

三、閉包寫法

(function() {
  var innerVar = '閉包變數';
  console.log('這是一個閉包函數，內部變數是：' + innerVar);
})();

在匿名函數內定義變數，作用域僅限於該函數內。可以實現代碼的私有化。

四、對象自調用寫法

({
  init: function() {
    console.log('這是一個對象的init方法，會自動執行');
  }
}).init();

將多個函數封裝在一個對象內，通過調用對象中的某個方法來執行代碼。

五、AMD規範寫法

define(['module1', 'module2'], function(module1, module2) {
  console.log('這是一個AMD規範寫法的函數');
});

使用AMD規範定義一個模塊，模塊內部可以引入其他模塊進行使用。

六、CommonJS規範寫法

var module1 = require('module1');
var module2 = require('module2');
function commonJSFunction() {
  console.log('這是一個CommonJS規範寫法的函數');
}
module.exports = commonJSFunction;

使用CommonJS規範定義一個模塊，模塊內部可以引入其他模塊進行使用，並通過module.exports輸出模塊。

七、ES6模塊寫法

import module1 from 'module1';
import module2 from 'module2';
function es6ModuleFunction() {
  console.log('這是一個ES6模塊寫法的函數');
}
export default es6ModuleFunction;

使用ES6的模塊語法定義一個模塊，可以直接導入導出模塊中需要使用的內容。

以上就是JS立即執行函數的多種寫法，不同的寫法有著不同的使用場景和應用方式，可以根據項目需求進行選擇。希望上述內容對大家學習JS有所幫助。