JS立即执行函数的多种写法

发布时间:2023-05-21

一、普通函数写法

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有所帮助。