立即调用的函数表达式---IIFE

有些人则称为“自执行的匿名函数”

在闭包中,我们经常需要使用到匿名函数,我感觉闭包就是一种匿名函数,子集。

但是直接在匿名函数后面调用函数是会出错的。比如:

function () {
    alert("Hello IIFE");
}();// Uncaught SyntaxError: Unexpected token (

我们期望系统立即调用这个匿名函数,但是系统会以为我们是在进行函数声明,进行函数声明需要有函数名称。而上面则没有,就会报错。

那么我们为它添加函数名咯,还会有一个小问题,如下:

1 function f() {
2     alert("IIFE");
3 }();
4 // Uncaught SyntaxError: Expected () to start arrow function, but got ‘;‘ instead of ‘=>‘

期望是立即调用一个具名函数表达式,结果是声明了函数 f。末尾的括号作为分组运算符,必须要提供表达式做为参数



那么我们应该如何创建一个自执行的匿名函数呢?我们可以让引擎理解()前面的是一个表达式而不是一个函数,写法如:

(function () {
    alert("IIFE");
})();
//或者
(function () {
    alert("IIFE");
}());

我们为匿名函数添加括号之后,被解析器解析为表达式,那么我们也可以这样使用:

 1 [ function () {}()];
 2
 3 ~ function () {}();
 4 ! function () {}();
 5 + function () {}();
 6 - function () {}();
 7
 8 new function () {};
 9 new function () {}() ;
10
11 var i = function () {}();
12
13 0, function () {}();
14 true && function () {}();

大家有什么补充的话请留言哈,么么哒~~~

以上内容参考:

来源:阮一峰javascript:http://javascript.ruanyifeng.com/grammar/function.html#toc23

来源:知乎 长天之云 http://www.zhihu.com/question/20249179/answer/14487857

时间: 2024-10-12 17:49:35

立即调用的函数表达式---IIFE的相关文章

Effective JavaScript Item 13 使用即时调用的函数表达式(IIFE)来创建局部域

本系列作为Effective JavaScript的读书笔记. 所谓的即时调用的函数表达式,这个翻译也许不太准确,它对应的英文原文是Immediately Invoked Function Expression (IIFE).下文也使用IIFE来表达这一概念. 首先看一个程序: function wrapElements(a) { var result = [], i, n; for (i = 0, n = a.length; i < n; i++) { result[i] = function

匿名函数立即调用的函数表达式 -IIFE(Immediately-Invoked Function Expression)

javascript 匿名函数有哪几种执行方式: ( function() {}() ); ( function() {} )(); [ function() {}() ]; ~ function() {}(); ! function() {}(); + function() {}(); - function() {}(); delete function() {}(); typeof function() {}(); void function() {}(); new function() {

理解JavaScript的立即调用函数表达式(IIFE)

首先这是js的一种函数调用写法,叫立即执行函数表达式(IIFE,即immediately-invoked function expression).顾名思义IIFE可以让你的函数立即得到执行(废话). 一般来说,IIFE有以下几种用途: 1. 创建只使用一次的函数,并立即执行它. 2. 创建闭包,保存状态,隔离作用域. 3. 作为独立模块存在(例子如jQuery),防止命名冲突,命名空间注入(模块解耦). 1. 创建只使用一次的函数,并立即执行它 创建只使用一次的函数比较好理解,在需要调用函数的

立即调用的函数表达式(IIFE)

在JavaScript中,圆括号 () 是一种运算符,跟在函数名之后,表示调用该函数.比如, print() 就表示调用 print 函数. 有时,我们需要在定义行数之后,立即调用该函数.这时,你不能在函数的定义之后加上圆括号,这会产生语法错误. function(){/* code */}; // SyntaxError: Unexpected token ( 产生这个错误的原因是, function 这个关键字即可以当做语句,也可以当作表达式. //语句 function f(){} //表

第 13 条:使用立即调用的函数表达式创建局部作用域

第 13 条:使用立即调用的函数表达式创建局部作用域这段程序(Bug 程序)输出什么? function wrapElements(a) { var result = [], i, n; for (i = 0, n = a.length; i < n; i++) { result[i] = function() { return a[i]; }; } return result; } var wrapped = wrapElements([10, 20, 30, 40, 50]); var f

[Effective JavaScript 笔记] 第13条:使用立即调用的函数表达式创建局部作用域

function wrapElements(a){ var res=[],i,n; for(i=0,n=a.length;i<n;i++){ res[i]=function(){return a[i]}; } return res; } var wrapped=wrapElements([10,20,30,40,50]); var f=wrapped[0]; f();//undefined 这个可以由之前的闭包来讲,res里的每个函数都是一个闭包,它们都可以访问上一个函数的作用域内的变量,所以每

深入理解JavaScript系列(4):立即调用的函数表达式

前言 大家学JavaScript的时候,经常遇到自执行匿名函数的代码,今天我们主要就来想想说一下自执行. 在详细了解这个之前,我们来谈了解一下“自执行”这个叫法,本文对这个功能的叫法也不一定完全对,主要是看个人如何理解,因为有的人说立即调用,有的人说自动执行,所以你完全可以按照你自己的理解来取一个名字,不过我听很多人都叫它为“自执行”,但作者后面说了很多,来说服大家称呼为“立即调用的函数表达式”. 本文英文原文地址:http://benalman.com/news/2010/11/immedia

&lt;深入理解JavaScript&gt;学习笔记(4)_立即调用的函数表达式

前言 大家学JavaScript的时候,经常遇到自执行匿名函数的代码,今天我们主要就来想想说一下自执行.(小菜理解:的确看到好多,之前都不知道这是自执行匿名函数) 在详细了解这个之前,我们来谈了解一下“自执行”这个叫法,本文对这个功能的叫法也不一定完全对,主要是看个人如何理解,因为有的人说立即调用,有的人说自动执行,所以你完全可以按照你自己的理解来取一个名字,不过我听很多人都叫它为“自执行”,但作者后面说了很多,来说服大家称呼为“立即调用的函数表达式”.(小菜理解:不管叫什么,大概意思都是一样的

javascript立即调用的函数表达式N种写法(第二篇)

上一篇博客我谈到将函数声明转换为函数表达式最常见的一种写法是:通过括号()将匿名函数声明转换为函数表达式即(function(){})(); 言外之意就是还有其他方式,记住:任何消除函数声明和函数表达式间歧义的方法,都可以被解析器正确识别!它们可以分为5类,超过10多种: (function(){})(); //最常见的写法 下文没特殊指明就是指它 (function(){}); //容易与上面的混淆 [function()()]; //一元运算符 ~function(){}; +functio