微信小程序 教程之模块化


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 表单提交后按钮变灰的实例代码
Aug 16 Javascript
js jquery ajax的几种用法总结(及优缺点介绍)
Jan 28 Javascript
js中各种类型的变量在if条件中是true还是false
Jul 16 Javascript
浅谈javascript中自定义模版
Jan 29 Javascript
javascript排序函数实现数字排序
Jun 26 Javascript
JS+CSS实现的经典圆角下拉菜单效果代码
Oct 21 Javascript
AngularJS自动表单验证
Feb 01 Javascript
js定时器实例分享
Dec 20 Javascript
如何把vuejs打包出来的文件整合到springboot里
Jul 26 Javascript
node.js实现为PDF添加水印的示例代码
Dec 05 Javascript
Vue实现表格批量审核功能实例代码
May 28 Javascript
Layui Table js 模拟选中checkbox的例子
Sep 03 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
老机欣赏|中国60年代精品收音机
2021/03/02 无线电
PHP中利用substr_replace将指定两位置之间的字符替换为*号
2011/01/27 PHP
PHP 中关于ord($str)>0x80的详细说明
2012/09/23 PHP
PHP判断图片格式的七种方法小结
2013/06/03 PHP
laravel安装和配置教程
2014/10/29 PHP
php使用指定字符列表生成随机字符串的方法
2015/04/18 PHP
Zend Framework教程之连接数据库并执行增删查的方法(附demo源码下载)
2016/03/21 PHP
Laravel 中使用 Vue.js 实现基于 Ajax 的表单提交错误验证操作
2017/06/30 PHP
php unlink()函数使用教程
2018/07/12 PHP
laravel框架上传图片实现实时预览功能
2019/10/14 PHP
Javascript String.replace的妙用
2009/09/08 Javascript
Javascript和Ajax中文乱码吐血版解决方案
2009/12/21 Javascript
javascript 二分法(数组array)
2010/04/24 Javascript
Javascript面象对象成员、共享成员变量实验
2010/11/19 Javascript
利用JavaScript实现新闻滚动效果(实例代码)
2013/11/27 Javascript
基于javascript显示当前时间以及倒计时功能
2016/03/18 Javascript
jQuery实现点击某个div打开层,点击其他div关闭层实例分析(阻止冒泡)
2016/11/18 Javascript
[js高手之路]从原型链开始图解继承到组合继承的产生详解
2017/08/28 Javascript
微信小程序实现轮播图效果
2017/09/07 Javascript
基于jQuery实现定位导航位置效果
2017/11/15 jQuery
使用vue2实现带地区编号和名称的省市县三级联动效果
2018/11/05 Javascript
JS寄快递地址智能解析的实现代码
2020/07/16 Javascript
jquery轮播图插件使用方法详解
2020/07/31 jQuery
Vue2.x-使用防抖以及节流的示例
2021/03/02 Vue.js
Python linecache.getline()读取文件中特定一行的脚本
2008/09/06 Python
Python实现的将文件每一列写入列表功能示例【测试可用】
2018/03/19 Python
Python实现栈和队列的简单操作方法示例
2019/11/29 Python
使用遗传算法求二元函数的最小值
2020/02/11 Python
pandas.DataFrame.drop_duplicates 用法介绍
2020/07/06 Python
Python实现JS解密并爬取某音漫客网站
2020/10/23 Python
Marc Jacobs彩妆官网:Marc Jacobs Beauty
2017/07/03 全球购物
英国在线照明超市:Castlegate Lights
2019/10/30 全球购物
钱塘江大潮导游词
2015/02/03 职场文书
请客吃饭开场白
2015/06/01 职场文书
农村房屋租赁合同(范本)
2019/07/23 职场文书
JS前端使用Canvas快速实现手势解锁特效
2022/09/23 Javascript