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

一、全局变量

全局变量是整个微信小程序所有的页面都可以访问的变量,定义在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

<view class="item" wx:for="{{list}}" wx:key="item" wx:for-index="index"> 
    <view class="container" bindtap="onItemTap" id="{{index}}">{{item}}</view>
</view> 

js

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

猜你喜欢

转载自blog.csdn.net/u010545480/article/details/104773554