时间:2021-05-26
经常需要一个函数自执行,可惜这一种写法是错的:
复制代码 代码如下:
function(){alert(1);}();
原因是前半段“function(){alert(1);}”被当成了函数声明,而不是一个函数表达式,从而让后面的“();”变得孤立,产生语法错。
按上面的分析,这一段代码虽说没有语法错,但也是不符合我们的预期的,因为这个函数并没有自执行。
复制代码 代码如下:
function(){alert(1);}(1);
综上,症结在于,如何明确代码描述的是一个函数表达式,而不是函数声明语句。
正确的写法多种多样,也各有利弊:
方法1:最前最后加括号
复制代码 代码如下:
(function(){alert(1);}());
这是jslint推荐的写法,好处是,能提醒阅读代码的人,这段代码是一个整体。
例如,在有语法高亮匹配功能的编辑器里,光标在第一个左括号后时,最后一个右括号也会高亮,看代码的人一眼就可以看到这个整体。
不过,对于某些写代码不喜欢在行后加分号的同学,也会形成一些坑坑,例如以下代码会报运行错:
复制代码 代码如下:
var a=1
(function(){alert(1);}());
方法2:function外面加括号
复制代码 代码如下:
(function(){alert(1);})();
这种做法比方法1少了一个代码整体性的好处。
方法3:function前面加运算符,常见的是!与void 。
复制代码 代码如下:
!function(){alert(1);}();
void function(){alert(2);}();
显然,加上“!”或“+”等运算符,写起来是最简单的。
加上“void ”要敲五下键盘,但是听说有一个好处是,比加"!"少一次逻辑运算。----我只是听说,不明所以。
最后,代表我个人,强烈支持方法1,即jslint的推荐写法:
复制代码 代码如下:
(function(){alert(1);}());
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了JS匿名函数和匿名自执行函数概念与用法。分享给大家供大家参考,具体如下:1.匿名函数的常见场景js中的匿名函数是一种很常见的函数类型,比较常见的场
本文实例讲述了JS函数的几种定义方式。分享给大家供大家参考,具体如下:JS函数的定义方式比较灵活,它不同于其他的语言,每个函数都是作为一个对象被维护和运行的。先
本文实例讲述了JS立即执行函数功能与用法。分享给大家供大家参考,具体如下:相信大家经常会遇到下面这两种写法:(function(){...})()和(funct
js自执行函数,听到这个名字,首先会联想到函数。接下来,我来定义一个函数:functionaaa(a,b){returnsum=a+b}定义了一个名为aaa的函
本文实例讲述了js函数和this用法。分享给大家供大家参考,具体如下:js的所有代码都是由funtion组成,funtion即函数的类型。一.函数有两种写法--