美文网首页
小程序中的回调函数

小程序中的回调函数

作者: 陈大帅 | 来源:发表于2022-12-06 17:03 被阅读0次

在JavaScript中,回调函数具体的定义为:函数A作为参数(函数引用)传递到另一个函数B中,并且这个函数B执行函数A。我们就说函数A叫做回调函数。如果没有名称(函数表达式),就叫做匿名回调函数。
当需要使用回调函数时,需要预先定义一个函数体。而回调函数通常只是提供给其它模块进行调用,为了简化编码,javascript等脚本语言中提供了对匿名函数的支持。
回调函数的使用场合:资源加载(如动态加载js文件后执行回调,加载iframe后执行回调,ajax操作回调,图片加载完成执行回调,AJAX等)。
回调函数的传递:要将函数引用或者函数表达式作为参数传递

最好保证回调存在且必须是函数引用或者函数表达式:

(callback && typeof(callback) === "function") && callback();

也就是微信小程序官方demo以及很多代码中会在函数中经常出现

 typeof cb == “function” && cb(that.globalData.userInfo)一句。

代码本身的含义是,判断cb是不是函数类型同时将一个参数传入名为cb的函数下。

以下是官方demo的app.js中获取用户信息的函数定义

getUserInfo:function(cb){
    var that = this
    if(this.globalData.userInfo){
      typeof cb == "function" && cb(this.globalData.userInfo)
    }else{
      //调用登录接口
      wx.login({
        success: function () {
          wx.getUserInfo({
            success: function (res) {
              that.globalData.userInfo = res.userInfo
              typeof cb == "function" && cb(that.globalData.userInfo)
            }
          })
        }
      })
    }
},

以下是在index.js中的onLoad函数的代码

onLoad: function () {
    console.log(‘onLoad函数开始执行’)
    var that = this
    //调用应用实例的方法获取全局数据
    app.getUserInfo(function(userInfo){
        //更新数据
        that.setData({
            userInfo:userInfo
        })
        console.log(‘用户数据存入当前页面’);
    })
}

原文地址:小程序-回调函数

相关文章

  • 小程序中的回调函数

    在JavaScript中,回调函数具体的定义为:函数A作为参数(函数引用)传递到另一个函数B中,并且这个函数B执行...

  • 小程序-回调函数

    在JavaScript中,回调函数具体的定义为:函数A作为参数(函数引用)传递到另一个函数B中,并且这个函数B执行...

  • 小程序中的this和that

    刚接触小程序不久,学习的过程中,在调用小程序api成功(success)或失败(fail)的回调函数时经常遇到设置...

  • 小程序api封装 promise使用

    1. 前言 小程序官方提供的异步API都是基于回调函数来实现的,如大量的使用回调函数就会造成 回调地狱 的问题,同...

  • HTTP概念进阶

    一、什么是回调 回调是异步编程时的基础,将后续逻辑封装在回调函数中作为起始函数的参数,逐层嵌套,通过这种方式让程序...

  • 通过Android源码理解回调函数

    概述 我们先看一下维基百科对回调函数的定义: 在计算机程序设计中,回调函数,或简称回调(Callback 即cal...

  • 微信小程序开发技巧总结

    1.全局变量的使用 每个小程序都需要在 app.js 中调用 App 方法注册小程序示例,绑定生命周期回调函数、错...

  • 小程序中生命周期

    每个小程序都需要在 app.js 中调用 App 方法注册小程序实例,绑定生命周期回调函数、错误监听和页面不存在监...

  • apply和call语句

    运动框架的应用实例 结合 异步和回调函数 中的 「回调函数2」我们可以试图在回调函数中,用this表示oDiv对象...

  • jQuery回调函数

    1.引言 利用回调函数来当参数,会极大的提高程序的灵活性。对回调函数很陌生,研究了一下给的示例程序,感觉对回调函数...

网友评论

      本文标题:小程序中的回调函数

      本文链接:https://www.haomeiwen.com/subject/nbrifdtx.html