微信小程序 教程之模块化


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 相关文章推荐
JS处理VBArray的函数使用说明
May 11 Javascript
javascript网页关闭时提醒效果脚本
Oct 22 Javascript
解决html按钮切换绑定不同函数后点击时执行多次函数问题
May 14 Javascript
Jquery中扩展方法extend使用技巧
Aug 24 Javascript
Angularjs 基础入门
Dec 26 Javascript
jQuery中removeAttr()方法用法实例
Jan 05 Javascript
JavaScript黑洞数字之运算路线查找算法(递归算法)实例
Jan 28 Javascript
JavaScript程序中实现继承特性的方式总结
Jun 24 Javascript
jquery 获取索引值在一定范围的列表方法
Jan 25 jQuery
jQuery实现获取及设置CSS样式操作详解
Sep 05 jQuery
深入Node TCP模块的理解
Mar 13 Javascript
vue动态配置模板 'component is'代码
Jul 04 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
现磨咖啡骗局!现磨咖啡=新鲜咖啡?现磨咖啡背后的猫腻你不懂!
2019/03/28 冲泡冲煮
PHP 模拟$_PUT实现代码
2010/03/15 PHP
php缓存技术详细总结
2013/08/07 PHP
JQuery获取当前屏幕的高度宽度的实现代码
2011/07/12 Javascript
『jQuery』.html(),.text()和.val()的概述及使用
2013/04/22 Javascript
YUI模块开发原理详解
2013/11/18 Javascript
javascript中的事件代理初探
2014/03/08 Javascript
node.js中的fs.exists方法使用说明
2014/12/17 Javascript
Jquery异步提交表单代码分享
2015/03/26 Javascript
JavaScript编程中window的location与history对象详解
2015/10/26 Javascript
javascript中checkbox使用方法简单实例演示
2015/11/17 Javascript
纯JS前端实现分页代码
2016/06/21 Javascript
jquery横向纵向鼠标滚轮全屏切换
2017/02/27 Javascript
浅谈layui 表单元素的选中问题
2019/10/25 Javascript
如何配置vue.config.js 处理static文件夹下的静态文件
2020/06/19 Javascript
详解nginx配置vue h5 history去除#号
2020/11/09 Javascript
[03:46]DOTA2英雄基础教程 维萨吉
2013/12/11 DOTA
[23:18]Spirit vs Liquid Supermajor小组赛A组 BO3 第二场 6.2
2018/06/03 DOTA
python cookielib 登录人人网的实现代码
2012/12/19 Python
Python的迭代器和生成器
2015/07/29 Python
python开发之文件操作用法实例
2015/11/13 Python
python 执行文件时额外参数获取的实例
2018/12/18 Python
python 用for循环实现1~n求和的实例
2019/02/01 Python
python pygame实现五子棋小游戏
2020/10/26 Python
docker django无法访问redis容器的解决方法
2019/08/21 Python
python 爬取B站原视频的实例代码
2020/09/09 Python
Amara美国站:英国高端家居礼品网站,世界各地的奢侈家具品牌
2017/07/26 全球购物
澳大利亚鞋仓库:Shoe Warehouse
2019/07/25 全球购物
Myprotein西班牙官网:欧洲第一大运动营养品牌
2020/02/24 全球购物
科室工作个人总结的自我评价
2013/10/29 职场文书
小学生美德少年事迹
2014/02/02 职场文书
二年级班级文化建设方案
2014/05/10 职场文书
文化建设工作方案
2014/05/12 职场文书
社区工作者个人总结
2015/02/28 职场文书
使用PDF.js渲染canvas实现预览pdf的效果示例
2021/04/17 Javascript
世界十大儿童漫画书排名,法国国宝漫画排第五,第二是轰动日本连环
2022/03/18 欧美动漫