微信小程序开发教程（七）逻辑层——.js详解

　　

App({
onLaunch: function(){
//启动时执行的初始化工作
},
onShow: function(){
//小程序从后台进入前台时，触发执行的操作
},
onHide: function(){
//小程序从前台进入后台时，触发执行的操作
},
globalData:'I am global data'
})

获取更多转发信息

wx.showShareMenu

withShareTicket

true

shareTicket

shareTicket

shareTicket

//other.js
var app = getApp();
console.log(app.globalData);//I am global data

注意：
♦ App()方法须在app.js中注册，且不能注册多个。
♦ 不要再定义App()内的函数中调用getApp()，使用this就可以拿到App实例。
♦ 通过getApp()获取实例之后，不要私自调用生命周期函数。

　　

Page({
Data: {
Text: 'This is page data.'
},
onLoad: function (options) {
//页面加载时执行的初始化工作
},
onReady: function () {
//页面就绪后触发执行的操作
},
onShow: function () {
//页面打开时，触发执行的操作
},
onHide: function () {
//页面隐藏时，触发执行的操作
},
onUnload: function () {
//页面关闭时，触发执行的操作
},
onPullDownRefresh: function(){
//用户在页面下拉时执行的操作
},
onReachBottom: function(){
//到达页面底部时执行的操作
},
//Event Handler
viewTap: function () {
this.setData({
text: 'set some data for updating view.'
})
},
})

注意：
♦ 不要在 onLaunch 的时候调用 getCurrentPages()，此时 page 还没有生成。

<!--demo.wxml-->
<view>{{text}}</view>
<view>{{array[0].msg}}</view>

//demo.js
Page({
/**
* 页面的初始数据
*/
data: {
text: 'init data',
array: [{msg:'1'},{msg:'2'}]
}
})

//<!--wxml-->
//绑定viwTap事件到view组件
<view bindtap="viewTap"> Click Me </view>

//page.js
Page({
//定义一个viewTap事件处理函数
viewTap:function(){
console.log('view tap')
}
})

　　

注：不要尝试修改页面栈，会导致路由以及页面状态错误。

//app.js
App({
globalData:1
})
//a.js
//变量localValue只在a.js文件中有效
var localValue = 'a'
//获取App实例
var app = getApp()
//获取全局数据值并修改
app.globalData++
//b.js
//可以在b.js文件中重新定义变量localValue，这并不会影响 a.js文件中的localValue
var localValue = 'b'
//若a.js在b.js之前运行，那么这里的globalData就应是2
console.log(getApp().globalData)

注：模块只有通过module.exports才能对外暴露接口以供其他.js文件引入使用。

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

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