微信小程序开发：变量与作用域

一、全局变量

全局变量是整个微信小程序所有的页面都可以访问的变量，定义在app.js文件中的globalData里面。

//app.js
App({
  onLaunch: function () {
    // 展示本地存储能力
    var logs = wx.getStorageSync('logs') || []
    logs.unshift(Date.now())
    wx.setStorageSync('logs', logs)
  },
  
  globalData: {
    userInfo: null,
    basePath: 'http://127.0.0.1:8080'
  }
})

在其他页面可以通过getApp()获取到里面的方法和变量。比如我们需要获取basePath变量，我们可以这样：

var app=getApp();
var basePath = app.globalData.basePath;

二、局部页面内的数据交互

1、局部页面中变量的使用

在data中定义一个数组变量

  /**
   * 页面的初始数据
   */
  data: {
    areaList: ['长沙','株洲','岳阳','娄底']
  },

在其他方法中引用变量:

 onLoad: function (options) {
    var list = this.data.areaList;
    console.log(list);
 }

2、获取点击事件的序号

wxml

 
    {{item}}
 

js

 //列表点击事件
onItemTap: function(event){
  var position = event.currentTarget.id;
  var data = this.data.list[position];
  console.log(data);
}