本文概述
- 将功能转换为IIFE
- 关于IIFE的要点
【ES6立即调用函数表达式(IIFE)】IIFE是一种设计模式, 也称为自执行匿名功能。它包含两个主要部分:
- 第一部分是具有词法范围的匿名函数, 该函数包含在Grouping运算符()中。
- 第二部分创建IIFE, JavaScript引擎将通过该IIFE直接解释该函数。
(function () {statements})();
// Syntax of IIFE with ES6 arrow functions (though parentheses only allowed on outside)(() =>
{ /* ... */ })();
让我们尝试通过使用以下示例来理解IIFE的概念。
例子
(function() { console.log("Hello World");
})();
输出如下
Hello World
将功能转换为IIFE我们可以通过以下步骤将常规函数转换为IIFE:
- 假设任何常规函数定义。
- 将该定义包装在一对括号内, 这将创建函数表达式。
- 最后, 我们必须添加一对括号和一个分号来标记语句的结尾。
例子
// Regular Function. function hello() { console.log("Regular function");
};
// Regular Function execution. hello();
// IIFE creation and execution. (function() { console.log("Immediately Invoked Function Expression");
})();
输出如下
Regular functionImmediately Invoked Function Expression
关于IIFE的要点
- 立即调用的函数表达式(IIFE)具有其范围。在函数表达式中声明的变量在函数外部将不可用。
- 像其他功能一样, IIFE也可以是匿名的或命名的。
- IIFE也可以参数化。例如,
(function (x, y, z) {console.log(x);
console.log(y);
console.log(z);
})(100, 200, 300);
输出如下
100200300
推荐阅读
- ES6 map介绍和用法详解
- ES6事件介绍和用法示例
- ES6生成器介绍和用法
- ES6函数介绍和用法示例
- 动态桌面软件,本文教您动态桌面软件Wallpaper Engine的运用
- 笔记本风扇控制软件,本文教您戴尔笔记本风扇控制软件
- 如何清理电脑内存,本文教您电脑内存怎样清理
- 控制面板删除不了程序,本文教您如何处理控制面板中删除不掉的软件
- 手机杀毒软件哪个好,本文教您手机杀毒软件哪家强