js中的立即执行函数

来源:互联网 发布:苹果手机看图软件 编辑:程序博客网 时间:2024/06/05 02:44

本文内容转自博客http://weizhifeng.net/immediately-invoked-function-expression.html

以下有三种执行立即执行函数的代码,为了方便,我们命名为A方法、B方法、C方法

function () {console.log("f1");}(); // SyntaxError: Unexpected token (function(){ console.log("test");})(); // test(function(){ console.log("test");}()); // test

为什么第一种方式会报错?

在JavaScript中,默认看到function关键字,就会将其作为函数声明来执行,而js中函数声明语句的格式为

function name([param] [, param] [..., param]) {   statements}

很明显,A方法并不合乎格式。

而为什么B、C方法能正常运行呢?

js默认将()中的内容视为表达式,因此并不会因为不合乎函数声明语句的格式而报错。通过表达式,返回函数,然后通过后面的()再执行函数。返回了test。

由此可见,只要能让JavaScript解释器以「函数表达式」而不是「函数声明」来处理匿名函数的立即执行就可以了,把语句放在()之中只是其中的一种方法而已,根据这个思路我们可以用其他方式来实现同样的目的,比如:

// 如果本身就是expression,那么根本不需要做任何处理var i = function(){ return 10; }();true && function(){ /* code */ }();0, function(){ /* code */ }();// 如果你不在乎返回值,可以这么做!function(){ /* code */ }();~function(){ /* code */ }();-function(){ /* code */ }();+function(){ /* code */ }();// 还有更奇葩的方式,但是不知道性能如何,来自// http://twitter.com/kuvos/status/18209252090847232new function(){ /* code */ }new function(){ /* code */ }()



0 0
原创粉丝点击