js自执行函数的几种不同写法的比较
来源:互联网 发布:进程调度算法流程图 编辑:程序博客网 时间:2024/06/10 22:27
经常需要一个函数自执行,可惜这一种写法是错的:
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);}());
复制代码代码如下:
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);}());
0 0
- js自执行函数的几种不同写法的比较
- js自执行函数的几种不同写法的比较
- js函数的几种写法
- js函数的几种写法
- js函数的几种写法
- js函数的几种写法
- js 函数的几种写法
- js 函数定义的三种方式以及匿名的自执行函数定义方式和常见的错误写法
- JS的几种写法
- js直接执行函数的写法
- [javascript]js函数的几种写法 闭包概要
- js中匿名函数的几种写法
- js函数的几种写法,闭包函数的写法
- [设计模式]单例模式的几种不同写法比较
- javascript中自执行(自调用)函数的两种写法
- js自执行函数的定义
- JS中自执行的匿名函数
- js中自执行函数的作用
- 基于Smack3.0.4+ Openfire3.10.2下学习开发IM(三)用户基础信息(VCard)
- js中(function(){…})()立即执行函数写法理解
- 个人经过多方查询所得关于懒加载的一些浅薄认识,及如何设置随机颜色,让个人界面变得多彩
- 找工作
- 回射客户端服务器select 修改版[1]( echo client && server improved by select function)
- js自执行函数的几种不同写法的比较
- 你应该知道的35个Jquey小技巧
- 51nod 1433 0和5
- 面试代码
- OBB文件和StorageManager类及.nomedia
- Lucene / Solr 开发经验
- xml文件配置报错问题
- 一个优秀的Java程序员必须了解的GC机制
- leetcode-Path Sum