微信小程序 闭包写法详细介绍

 更新时间:2016年12月14日 14:53:27   投稿:lqh  
这篇文章主要介绍了微信小程序 闭包写法详细介绍的相关资料,需要的朋友可以参考下

微信小程序 闭包写法

在入口处的 app.js 中定义了一个获取用户 OpenId 的函数,在微信的登录接口 wx.login 中发起网络请求。这个函数传入一个回调函数 cb

getOpenIdData: function(cb) {
  var that = this
  //调用登录接口
  wx.login({
    success: function(res) {
      wx.request({
        url: 'https://api.weixin.qq.com/sns/jscode2session',
        data: {
          appid: "wx6224eb*********",
          secret: "879b58fc64bc5**************",
          js_code: res.code,
          grant_type: "authorization_code"
        },
        success: function(res) {
          // 保存到全局变量中
          that.globalData.openid = res["data"]["openid"]
          cb(that.globalData.openid)
        },
        fail: function() {
          console.log("request error")
        }
      })
    }
  })
}

在 index.js 文件时,使用 getOpenIdData 接口

var app = getApp()
app.getOpenIdData(function(openid){
  //回调更新数据
  that.setData({
  openid: openid
  })
})

在接口中传入匿名函数

function(openid){
  //回调更新数据
  that.setData({
  openid: openid
  })
}

先将匿名函数传入到 app.js 中,获取到 openid 数据。再回到 index.js 将数据赋给此文件的全局变量。这样就实现跨文件传递数据。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

相关文章

  • 微信小程序的分类页面制作

    微信小程序的分类页面制作

    这篇文章主要介绍了微信小程序实的分类页面制作的相关资料,需要的朋友可以参考下
    2017-06-06
  • js c++ vue方法与数据交互通信示例

    js c++ vue方法与数据交互通信示例

    这篇文章主要为大家介绍了js c++ vue方法与数据交互通信示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-08-08
  • JavaScript文档对象模型DOM

    JavaScript文档对象模型DOM

    这篇文章主要介绍了JavaScript文档对象模型DOM,当网页被加载时,浏览器会创建页面的文档对象模型,通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML。下面来看看文章得详细内容,需要的朋友可以参考一下
    2021-11-11
  • 微信小程序 Video API实例详解

    微信小程序 Video API实例详解

    这篇文章主要介绍了 微信小程序 Video API实例详解,需要的朋友可以参考下
    2016-10-10
  • 微信小程序 火车票查询实例讲解

    微信小程序 火车票查询实例讲解

    这篇文章主要介绍了微信小程序 火车票查询实例讲解的相关资料,这里提供了简单实例来说明微信小程序的框架及如何开发,需要的朋友可以参考下
    2016-10-10
  • async-await消灭异步回调实例详解

    async-await消灭异步回调实例详解

    这篇文章主要为大家介绍了async-await消灭异步回调实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • JS算法题解搜索插入位置方法示例

    JS算法题解搜索插入位置方法示例

    这篇文章主要为大家介绍了JS算法题解搜索插入位置方法示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • WindiCSS实现加载windi.config.ts配置文件详解

    WindiCSS实现加载windi.config.ts配置文件详解

    这篇文章主要为大家介绍了WindiCSS实现加载windi.config.ts配置文件详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • 微信小程序 toast组件详细介绍

    微信小程序 toast组件详细介绍

    这篇文章主要介绍了 微信小程序 toast组件详细介绍的相关资料,需要的朋友可以参考下
    2016-09-09
  • 微信小程序中input标签详解及简单实例

    微信小程序中input标签详解及简单实例

    这篇文章主要介绍了微信小程序中input标签详解及简单实例的相关资料,需要的朋友可以参考下
    2017-05-05

最新评论