[JavaScript]自执行函数

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

  1 (function($, doc) {
  2                 $.init({
  3                     statusBarBackground: '#f7f7f7'
  4                 });
  5                 $.plusReady(function() {
  6                     plus.screen.lockOrientation("portrait-primary");
  7                     var settings = app.getSettings();
  8                     var state = app.getState();
  9                     var mainPage = $.preload({
 10                         "id": 'main',
 11                         "url": 'tab-webview-main.html'
 12                     });
 13                     var main_loaded_flag = false;
 14                     mainPage.addEventListener("loaded",function () {
 15                         main_loaded_flag = true;
 16                     });
 17                     var toMain = function() {
 18                         //使用定时器的原因:
 19                         //可能执行太快,main页面loaded事件尚未触发就执行自定义事件,此时必然会失败
 20                         var id = setInterval(function () {
 21                             if(main_loaded_flag){
 22                                 clearInterval(id);
 23                                 $.fire(mainPage, 'show', null);
 24                                 mainPage.show("pop-in");
 25                             }
 26                         },20);
 27                     };
 28                     
 29                     // close splash
 30                     setTimeout(function() {
 31                         //关闭 splash
 32                         plus.navigator.closeSplashscreen();
 33                     }, 600);
 34                     var loginButton = doc.getElementById('login');
 35                     var accountBox = doc.getElementById('account');
 36                     var passwordBox = doc.getElementById('password');
 37                     var autoLoginButton = doc.getElementById("autoLogin");
 38                     var regButton = doc.getElementById('reg');
 39                     var forgetButton = doc.getElementById('forgetPassword');
 40                     loginButton.addEventListener('tap', function(event) {
 41                         var username = $('#account').val();
 42                         var password = $('#password').val();
 43                     
 44                           // LeanCloud - 登录
 45                           // https://leancloud.cn/docs/leanstorage_guide-js.html#用户名和密码登录
 46                           AV.User.logIn(username, password).then(function (loginedUser) {
 47                                 toMain();
 48                           }, function (error) {
 49                                 // 导入AlertDialog类  
 50                             var AlertDialog = plus.android.importClass("android.app.AlertDialog");  
 51                                 // 创建提示框构造对象,构造函数需要提供程序全局环境对象,通过plus.android.runtimeMainActivity()方法获取  
 52                             var dlg = new AlertDialog.Builder(plus.android.runtimeMainActivity());  
 53                             // 设置提示框标题  
 54                             dlg.setTitle("登陆失败");  
 55                             // 设置提示框内容  
 56                             dlg.setMessage("用户名或密码不正确!"+JSON.stringify(error));  
 57                             // 设置提示框按钮  
 58                             dlg.setPositiveButton("OK",null);  
 59                             // 显示提示框  
 60                             dlg.show();  
 61                           });
 62                     });
 63                     $.enterfocus('#login-form input', function() {
 64                         $.trigger(loginButton, 'tap');
 65                     });
 66                     autoLoginButton.classList[settings.autoLogin ? 'add' : 'remove']('mui-active')
 67                     autoLoginButton.addEventListener('toggle', function(event) {
 68                         setTimeout(function() {
 69                             var isActive = event.detail.isActive;
 70                             settings.autoLogin = isActive;
 71                             app.setSettings(settings);
 72                         }, 50);
 73                     }, false);
 74                     regButton.addEventListener('tap', function(event) {
 75                         $.openWindow({
 76                             url: 'reg.html',
 77                             id: 'reg',
 78                             preload: true,
 79                             show: {
 80                                 aniShow: 'pop-in'
 81                             },
 82                             styles: {
 83                                 popGesture: 'hide'
 84                             },
 85                             waiting: {
 86                                 autoShow: false
 87                             }
 88                         });
 89                     }, false);
 90                     forgetButton.addEventListener('tap', function(event) {
 91                         $.openWindow({
 92                             url: 'forget_password.html',
 93                             id: 'forget_password',
 94                             preload: true,
 95                             show: {
 96                                 aniShow: 'pop-in'
 97                             },
 98                             styles: {
 99                                 popGesture: 'hide'
100                             },
101                             waiting: {
102                                 autoShow: false
103                             }
104                         });
105                     }, false);
106                     //
107                     window.addEventListener('resize', function() {
108                         oauthArea.style.display = document.body.clientHeight > 400 ? 'block' : 'none';
109                     }, false);
110                     //
111                     var backButtonPress = 0;
112                     $.back = function(event) {
113                         backButtonPress++;
114                         if (backButtonPress > 1) {
115                             plus.runtime.quit();
116                         } else {
117                             plus.nativeUI.toast('再按一次退出应用');
118                         }
119                         setTimeout(function() {
120                             backButtonPress = 0;
121                         }, 1000);
122                         return false;
123                     };
124                 });
125             }(mui, document));

这就不懂了,为什么一个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 (){
    //函数体
});

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏码匠的流水账

聊聊storm client的nimbus.seeds参数

storm-core-1.1.0-sources.jar!/org/apache/storm/Config.java

472
来自专栏Python攻城狮

Django模型(数据库)及Django Query常用方法

Django 模型是与数据库相关的,与数据库相关的代码一般写在 models.py 中,Django 支持 sqlite3, MySQL, PostgreSQL...

754
来自专栏闻道于事

JFinal极速开发框架使用笔记(四) _JFinalDemoGenerator实体类生成及映射自动化

运行_JFinalDemoGenerator生成实体类和映射之前的项目结构: ? 运行之后: ? 生成和改变的文件: 实体类: package com.wazn...

2655
来自专栏JackieZheng

照虎画猫写自己的Spring

从细节跳出来 看了部分Spring的代码,前面用了四篇内容写了一些读书笔记。 回想起来,论复杂度,Spring够喝上好几壶的。他就像一颗枝繁叶茂的大树,远处看...

1758
来自专栏古时的风筝

用java开发微信公众号:公众号接入和access_token管理(二)

上一篇说了微信开发的准备工作,准备工作完成之后,就要开始步入正题了。其实微信公众号开发,说白了,就是要构造和发送http或https的请求组成,并根据请求的返回...

4066
来自专栏Linux驱动

LDMIA、LDMIB、LDMDB、LDMDA、STMIA、LDMFD、LDMFA、LDMED、LDMEA指令详解

简介: ARM指令中多数据传输共有两种: LDM:(load  much)多数据加载,将地址上的值加载到寄存器上 STM:(store much)多数据存储,将...

1809
来自专栏玄魂工作室

Python黑帽编程2.8 套接字编程

套接字编程在本系列教程中地位并不是很突出,但是我们观察网络应用,绝大多数都是基于Socket来做的,哪怕是绝大多数的木马程序也是如此。官方关于socket编程的...

26811
来自专栏IT笔记

SpringBoot开发案例之整合mongoDB

JDK1.7、Maven、Eclipse、SpringBoot1.5.2、mongodb3.4,Robomongo(可视化工具)

5206
来自专栏刘望舒

手动实现Android热修复

周一发布了新版本,当天晚上用户就为app未测试到的bug发飙了,恩,很快就找到了问题所在,一个容易疏忽的空指针。虽然只是一个小小的bug但是不修复是很影响用户体...

1585
来自专栏QQ会员技术团队的专栏

玩转webpack(二):webpack的核心对象

作者介绍:陈柏信,腾讯前端开发,目前主要负责手Q游戏中心业务开发,以及项目相关的技术升级、架构优化等工作。 前言 webpack 是一个强大的模块打包工具,之所...

9028

扫码关注云+社区