首页 > ;(function($){})(JQuery)在前面加;有什么用?

;(function($){})(JQuery)在前面加;有什么用?

如题,看到有的代码在自定义jquery插件时,使用;(function($){})(JQuery),前面加;有什么作用呢?


就是确保之前的代码不会和插件代码产生歧义吧,比如楼上那种,或者

function(){

}
(function($) {
    console.log('Processed');
})(JQuery);

直接报错了


刚昨天翻到锋利的jquery里写的,兼容用的


考虑这种情况

// last file
function func() {
    return function() {};
}

func
// your script
(function($) {
    console.log('Processed');
})(JQuery);

这样你的脚本就不会执行,
加上分号之后才能正常输出“Processed”


这个跟jQuery关系不大,js里所有匿名函数定义都要这样写。
最重要、最主要的作用是「安全」。因为你不知道(或者没注意)前面可能有什么语句。不管你自己写的一个js文件里,还是作为单独的js文件引入,都要在前面加 ;

举个简单的例子:

var foo = function () {
  //...
} //!!!: 注意这里没有分号

(function () {
  //...
})();

如果不加分号,上面的 foo 方法会被执行,下面括号里的方法成了上面方法的参数。

【热门文章】
【热门文章】