js自执行函数前加个分号(;!function(){}();)是什么意思？ |
您所在的位置：网站首页 › 代码中分号的作用 › js自执行函数前加个分号(;!function(){}();)是什么意思？ |
|
;(function(){ //这应该是一个某系统的插件js //具体功能代码。。。 })(); 从语法上来开，Javascript中分号表示语句结束，在开头加上，可能是为了压缩的时候和别的方法分割一下，表示一个新的语句开始。所以，如果在一个单独的JS文件中，开头的分号是没有任何意义的，可以删掉。 叹号是逻辑运算符，是“非”的意思，常见这种写法 if(!true){}；而将运算符加载函数定义的前面，则是将函数看做一个整体，然后再调用这个函数，并对返回的结构进行逻辑运算。 说白了，此处就是构建了一个立即执行函数，建议楼主知道意思就可以，自己写的时候，可以使用更清晰的格式： (function(){})();
主要是应对代码合并压缩时，由于缺少分号；带来的错误。 这个其实在目前普遍基于词法解析来进行压缩(UglifyJS等)的大趋势下，并不是必须的了，所以理解为什么要这么做是避免教条的关键
1. (function(){alert("1")})() (function(){alert("2")})() 报错 2. (function(){alert("1")})(); (function(){alert("2")})() 正确 没有分号分隔挨着的函数，就会出错。应该跟JS的解析有关。 跟分号的宗教战争无关，这里主要是由于JS拥有ASI（自动分号插入）机制而隐藏的问题。比方说，正确说出下面代码的执行结果？(我已经给提示了~) var test=function(a){ alert(a) return function(c){ alert(c) } }(function(b){ console.log(b) })(1) 写IIFE的时候，在执行体前不主动加分号，上述代码就是一个坑.....(单个代码文件可以测试通过，但多个JS文件合并之后运行异常) var test=function(a){ alert(a) return function(c){ alert(c) } };(function(b){ console.log(b) })(1) 因为这两段代码生成的语法树是完全不一样的。详情请看 Esprima: Parser，AST太长了，这里就不贴了。 |
今日新闻 |
推荐新闻 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |