9. IIFE

2018-11-15  本文已影响0人  牧羊少年之奇幻之旅

参考地址: IIFE - 中文; IIFE - 英文

IIFE(Immediately Invoked Function Expression 立即调用函数表达式)是一个在定义时就会立即执行的 JavaScript 函数。

(function () {
  // statements
})();

这是一个被称为自执行匿名函数的设计模式,主要包含两部分,第一部分是包围在 圆括号运算符()里的一个匿名函数,这个匿名函数拥有独立的词法作用域。这不仅避免了外界访问此 IIFE 中的变量,而且又不会污染全局作用域。

第二部分,再一次使用()创建了一个立即执行函数表达式,JavaScript 引擎到此将直接执行函数。

例子

当函数变成立即执行的函数表达式时,表达式中的变量不能从外部访问。

(function () {
  var aName = "Jane";
})();

// 外部作用域无法访问该变量:
aName // throws "Uncaught ReferenceError: aName is not defined"

将 IIFE 分配给一个变量,不是存储 IIFE 本身,而是存储 IIFE 执行后返回的结果。

var result = (function () {
  var name = "Jane";
  return name;
})();
// IIFE 执行后返回的结果:
console.log(result); // "Jane"
上一篇 下一篇

猜你喜欢

热点阅读