微信小程序 教程之模块化


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 相关文章推荐
jQuery 标题的自动翻转实现代码
Oct 14 Javascript
javascript 当前日期转化为中文的实现代码
May 13 Javascript
JS计算网页停留时间代码
Apr 28 Javascript
javascript操作excel生成报表全攻略
May 04 Javascript
AngularJS中的模块详解
Jan 29 Javascript
浅析JavaScript Array和string的转换(推荐)
May 20 Javascript
JS实现多张图片预览同步上传功能
Jun 23 Javascript
基于Bootstrap下拉框插件bootstrap-select使用方法详解
Aug 07 Javascript
JavaScript函数、闭包、原型、面向对象学习笔记
Sep 06 Javascript
30分钟用Node.js构建一个API服务器的步骤详解
May 24 Javascript
微信小程序常用的3种提示弹窗实现详解
Sep 19 Javascript
Vue3不支持Filters过滤器的问题
Sep 24 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
环境会对咖啡种植有什么影响
2021/03/03 咖啡文化
php调用方法mssql_fetch_row、mssql_fetch_array、mssql_fetch_assoc和mssql_fetch_objcect读取数据的区别
2012/08/08 PHP
PHP图片上传代码
2013/11/04 PHP
PHP的数组中提高元素查找与元素去重的效率的技巧解析
2016/03/03 PHP
PHP迭代与递归实现无限级分类
2017/08/28 PHP
Ext grid 添加右击菜单
2009/11/26 Javascript
jQuery 源码分析笔记(5) jQuery.support
2011/06/19 Javascript
JavaScript避免代码的重复执行经验技巧分享
2014/04/17 Javascript
node.js开机自启动脚本文件
2014/12/24 Javascript
js制作带有遮罩弹出层实现登录注册表单特效代码分享
2015/09/05 Javascript
Vue中img的src是动态渲染时不显示的解决
2019/11/14 Javascript
JS监听组合按键思路及实现过程
2020/04/17 Javascript
VUE实现吸底按钮
2021/03/04 Vue.js
python3制作捧腹网段子页爬虫
2017/02/12 Python
11月编程语言排行榜 Python逆袭C#上升到第4
2017/11/15 Python
python学生信息管理系统
2018/03/13 Python
python print输出延时,让其立刻输出的方法
2019/01/07 Python
对python判断ip是否可达的实例详解
2019/01/31 Python
基于django ManyToMany 使用的注意事项详解
2019/08/09 Python
python 公共方法汇总解析
2019/09/16 Python
python3爬取torrent种子链接实例
2020/01/16 Python
Keras load_model 导入错误的解决方式
2020/06/09 Python
Public Desire美国/加拿大:全球性的在线鞋类品牌
2018/12/17 全球购物
Lacoste(法国鳄鱼)加拿大官网:以标志性的POLO衫而闻名
2019/05/15 全球购物
可爱的童装和鞋子:Fabkids
2019/08/16 全球购物
意大利顶级奢侈品电商:LUISAVIAROMA(支持中文)
2020/05/26 全球购物
工程造价管理专业大专生求职信
2013/10/06 职场文书
餐厅执行经理岗位职责范本
2014/02/26 职场文书
业务员自荐信范文
2014/04/20 职场文书
办理房产证委托书
2014/09/18 职场文书
2014学校领导四风问题对照检查材料思想汇报
2014/09/22 职场文书
九寨沟导游词
2015/02/02 职场文书
大足石刻导游词
2015/02/02 职场文书
酒店前台辞职书
2015/02/26 职场文书
家属联谊会致辞
2015/07/31 职场文书
SQLServer 日期函数大全(小结)
2021/04/08 SQL Server