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


  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值