js中的立即执行函数
2016-04-25 17:26
489 查看
本文内容转自博客http://weizhifeng.net/immediately-invoked-function-expression.html
以下有三种执行立即执行函数的代码,为了方便,我们命名为A方法、B方法、C方法
为什么第一种方式会报错?
在JavaScript中,默认看到function关键字,就会将其作为函数声明来执行,而js中函数声明语句的格式为
很明显,A方法并不合乎格式。
而为什么B、C方法能正常运行呢?
js默认将()中的内容视为表达式,因此并不会因为不合乎函数声明语句的格式而报错。通过表达式,返回函数,然后通过后面的()再执行函数。返回了test。
由此可见,只要能让JavaScript解释器以「函数表达式」而不是「函数声明」来处理匿名函数的立即执行就可以了,把语句放在()之中只是其中的一种方法而已,根据这个思路我们可以用其他方式来实现同样的目的,比如:
以下有三种执行立即执行函数的代码,为了方便,我们命名为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/18209252090847232 new function(){ /* code */ } new function(){ /* code */ }()
相关文章推荐
- JavaScript中的匿名函数及函数的闭包
- javascript冒泡事件的意义及如何阻止冒泡事件
- 在按顺序递增的数组中查找缺少的某一个数字
- JavaScript面向对象精要(一)
- javascript 实现继承的几种方式
- JavaScript基础学习(一)—JavaScript简介
- 6个函数的output看JS的块级作用域
- js正则
- JS的数据类型
- JavaScript笔记6--JS跨域消息传递
- JS产生四位随机数的方法
- javascript 的 继承(六) 之 寄生组合式继承
- javascript 的 继承(五) 之 寄生式继承
- javascript console 函数详解 js开发调试的利器
- javascript 的 继承(四) 之 原型式继承
- Extjs控件属性
- JavaScript笔记5--模板引擎
- 關於js繼承實現
- JSON.parse()和JSON.stringify()使用
- js实现String.Fomat