[JavaScript]自执行函数

最近在接触mui的时候，遇到了一段代码：

 (function($, doc) {
                 $.init({
                     statusBarBackground: '#f7f7f7'
                 });
                 $.plusReady(function() {
                     plus.screen.lockOrientation("portrait-primary");
                     var settings = app.getSettings();
                     var state = app.getState();
                     var mainPage = $.preload({
                         "id": 'main',
                         "url": 'tab-webview-main.html'
                     });
                     var main_loaded_flag = false;
                     mainPage.addEventListener("loaded",function () {
                         main_loaded_flag = true;
                     });
                     var toMain = function() {
                         //使用定时器的原因：
                         //可能执行太快，main页面loaded事件尚未触发就执行自定义事件，此时必然会失败
                         var id = setInterval(function () {
                             if(main_loaded_flag){
                                 clearInterval(id);
                                 $.fire(mainPage, 'show', null);
                                 mainPage.show("pop-in");
                             }
                         },20);
                     };

                     // close splash
                     setTimeout(function() {
                         //关闭 splash
                         plus.navigator.closeSplashscreen();
                     }, 600);
                     var loginButton = doc.getElementById('login');
                     var accountBox = doc.getElementById('account');
                     var passwordBox = doc.getElementById('password');
                     var autoLoginButton = doc.getElementById("autoLogin");
                     var regButton = doc.getElementById('reg');
                     var forgetButton = doc.getElementById('forgetPassword');
                     loginButton.addEventListener('tap', function(event) {
                         var username = $('#account').val();
                         var password = $('#password').val();

                           // LeanCloud - 登录
                           // https://leancloud.cn/docs/leanstorage_guide-js.html#用户名和密码登录
                           AV.User.logIn(username, password).then(function (loginedUser) {
                                 toMain();
                           }, function (error) {
                                 // 导入AlertDialog类
                             var AlertDialog = plus.android.importClass("android.app.AlertDialog");
                                 // 创建提示框构造对象，构造函数需要提供程序全局环境对象，通过plus.android.runtimeMainActivity()方法获取
                             var dlg = new AlertDialog.Builder(plus.android.runtimeMainActivity());
                             // 设置提示框标题
                             dlg.setTitle("登陆失败");
                             // 设置提示框内容
                             dlg.setMessage("用户名或密码不正确！"+JSON.stringify(error));
                             // 设置提示框按钮
                             dlg.setPositiveButton("OK",null);
                             // 显示提示框
                             dlg.show();
                           });
                     });
                     $.enterfocus('#login-form input', function() {
                         $.trigger(loginButton, 'tap');
                     });
                     autoLoginButton.classList[settings.autoLogin ? 'add' : 'remove']('mui-active')
                     autoLoginButton.addEventListener('toggle', function(event) {
                         setTimeout(function() {
                             var isActive = event.detail.isActive;
                             settings.autoLogin = isActive;
                             app.setSettings(settings);
                         }, 50);
                     }, false);
                     regButton.addEventListener('tap', function(event) {
                         $.openWindow({
                             url: 'reg.html',
                             id: 'reg',
                             preload: true,
                             show: {
                                 aniShow: 'pop-in'
                             },
                             styles: {
                                 popGesture: 'hide'
                             },
                             waiting: {
                                 autoShow: false
                             }
                         });
                     }, false);
                     forgetButton.addEventListener('tap', function(event) {
                         $.openWindow({
                             url: 'forget_password.html',
                             id: 'forget_password',
                             preload: true,
                             show: {
                                 aniShow: 'pop-in'
                             },
                             styles: {
                                 popGesture: 'hide'
                             },
                             waiting: {
                                 autoShow: false
                             }
                         });
                     }, false);
                     //
                     window.addEventListener('resize', function() {
                         oauthArea.style.display = document.body.clientHeight > 400 ? 'block' : 'none';
                     }, false);
                     //
                     var backButtonPress = 0;
                     $.back = function(event) {
                         backButtonPress++;
                         if (backButtonPress > 1) {
                             plus.runtime.quit();
                         } else {
                             plus.nativeUI.toast('再按一次退出应用');
                         }
                         setTimeout(function() {
                             backButtonPress = 0;
                         }, 1000);
                         return false;
                     };
                 });
             }(mui, document));

mui

这就不懂了，为什么一个function函数要放在一个括号里面，括号里面还有一个括号（mui,document）,看起来像是参数一样。还以为这是Native.js里面的内容，然后去官方文档中翻看了一下Njs的内容，并不是啊，然后去百度。

自执行函数

自执行函数(function(jquery){}(jquery));
* 相当于下面的代码：

var fun = function(jquery){};
fun(jquery);

* 立即执行匿名函数fun(jquery);主要是为了避免jquery与其他类库或变量有冲突。

百度中有好多jquery字样出现，但是并没有明确说跟jquery有关系，我也是不太清楚。

mui的demo中(function($, doc) {}(mui, document));据说可以让函数在文档加载完毕之后再执行，相当于

$(document).ready(function (){
    //函数体
});