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太长了,这里就不贴了。


发布了430 篇原创文章 · 获赞 415 · 访问量 925万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览