微信小程序 教程之模块化


Posted in Javascript onOctober 17, 2016

系列文章:

文件作用域

在JavaScript文件中声明的变量和函数只在该文件中有效;不同的文件中可以声明相同名字的变量和函数,不会互相影响。
通过全局函数getApp()可以获取全局的应用实例,如果需要全局的数据可以在App()中设置,如:

// app.js
App({
 globalData: 1
})
// a.js
// The localValue can only be used in file a.js.
var localValue = 'a'
// Get the app instance.
var app = getApp()
// Get the global data and change it.
app.globalData++
// b.js
// You can redefine localValue in file b.js, without interference with the localValue in a.js.
var localValue = 'b'
// If a.js it run before b.js, now the globalData shoule be 2.
console.log(getApp().globalData)

模块化

我们可以将一些公共的代码抽离成为一个单独的js文件,作为一个模块。模块只有通过module.exports才能对外暴露接口。

// common.js
function sayHello(name) {
 console.log('Hello ' + name + '!')
}
module.exports = {
 sayHello: sayHello
}

​在需要使用这些模块的文件中,使用require(path)将公共代码引入。

var common = require('common.js')
Page({
 helloMINA: function() {
 common.sayHello('MINA')
 }
})

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
checkbox勾选判断代码分析
Jun 11 Javascript
简述AngularJS的控制器的使用
Jun 16 Javascript
jquery实现的3D旋转木马特效代码分享
Aug 25 Javascript
javascript RegExp 使用说明
May 21 Javascript
JSON对象 详解及实例代码
Oct 18 Javascript
angular使用post、get向后台传参的问题实例
May 27 Javascript
JavaScrpt判断一个数是否是质数的实例代码
Jun 11 Javascript
详解vue静态资源打包中的坑与解决方案
Feb 05 Javascript
如何封装了一个vue移动端下拉加载下一页数据的组件
Jan 06 Javascript
js实现全选反选不选功能代码详解
Apr 24 Javascript
微信小程序页面渲染实现方法
Nov 06 Javascript
你不知道的SpringBoot与Vue部署解决方案
Nov 09 Javascript
微信小程序 教程之注册页面
Oct 17 #Javascript
微信小程序 教程之注册程序
Oct 17 #Javascript
微信小程序 教程之小程序配置
Oct 17 #Javascript
jQuery事件对象总结
Oct 17 #Javascript
微信小程序 MINA文件结构
Oct 17 #Javascript
Jquery实现上下移动和排序代码
Oct 17 #Javascript
微信小程序 Page()函数详解
Oct 17 #Javascript
You might like
php采用ajax数据提交post与post常见方法总结
2014/11/10 PHP
php+Mysqli利用事务处理转账问题实例
2015/02/11 PHP
PHP实现小偷程序实例
2016/10/31 PHP
360搜索引擎自动收录php改写方案
2018/04/28 PHP
最新28个很棒的jQuery 教程
2011/05/28 Javascript
jQuery类选择器用法实例
2014/12/23 Javascript
js实现点击图片改变页面背景图的方法
2015/02/28 Javascript
javascript 常见功能汇总
2015/06/11 Javascript
jQuery实现信息提示框(带有圆角框与动画)效果
2015/08/07 Javascript
jQuery实现微信长按识别二维码功能
2016/08/26 Javascript
微信小程序scroll-view实现字幕滚动
2018/07/14 Javascript
NodeJS实现自定义流的方法
2018/08/01 NodeJs
如何利用ES6进行Promise封装总结
2019/02/11 Javascript
微信小程序合法域名配置方法
2019/05/06 Javascript
夯基础之手撕javascript继承详解
2020/11/09 Javascript
[02:03]《现实生活中的DOTA2》—林书豪&DOTA2职业选手出演短片
2015/08/18 DOTA
用python制作游戏外挂
2018/01/04 Python
python中验证码连通域分割的方法详解
2018/06/04 Python
Django中的forms组件实例详解
2018/11/08 Python
Python 实现判断图片格式并转换,将转换的图像存到生成的文件夹中
2020/01/13 Python
美国山地自行车、露营、户外装备和服装购物网站:Aventuron
2018/05/05 全球购物
迪卡侬波兰体育用品商店:Decathlon波兰
2020/03/31 全球购物
EJB2和EJB3在架构上的不同点
2014/09/29 面试题
英文自我鉴定
2013/12/10 职场文书
车辆安全检查制度
2014/01/12 职场文书
运动会通讯稿150字
2014/02/15 职场文书
《逃家小兔》教学反思
2014/02/23 职场文书
大学生入党推荐书范文
2014/05/17 职场文书
活动总结范文
2014/08/30 职场文书
2014教师专业技术工作总结
2014/12/03 职场文书
优秀团支部申报材料
2014/12/26 职场文书
关于迟到的检讨书
2015/05/06 职场文书
结婚喜宴迎宾词
2015/08/10 职场文书
python中print格式化输出的问题
2021/04/16 Python
解析Java异步之call future
2021/06/14 Java/Android
Django框架中表单的用法
2022/06/10 Python