uniapp —回调函数callBack

什么是回调函数(callBack)?

当程序跑起来时,一般情况下,应用程序(application program)会时常通过API调用库里所预先备好的函数。但是有些库函数(library function)却要求应用先传给它一个函数,好在合适的时候调用,以完成目标任务。这个被传入的、后又被调用的函数就称为回调函数。

用法案例:

            // 获取商品列表
			async getGoodsList(callBack){
				const allGoods = await this.$myRuquest({
					url:'/api/getgoods?pageindex='+ this.pageindex
				})
				this.goods = [...this.goods,...allGoods.data.message]
				// 有回调就执行,没回调就不执行
				callBack && callBack()
			},
			// 下拉刷新
			onPullDownRefresh(){
				this.pageindex = 1
				this.goods = []
				this.show = false
				setTimeout(()=>{
					this.getGoodsList(()=>{
						// 回调 getGoodsList() 的时候,加上以下这个步骤,因此需要 callBack
						uni.stopPullDownRefresh()
					})
				},1000)
		}
  • 5
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
uniapp中,回调函数的使用方式与其他JavaScript框架或库类似。下面是一些常见的在uniapp中使用回调函数的方法: 1. 作为参数传递:你可以将回调函数作为参数传递给其他函数。当某个事件或异步操作完成时,调用回调函数来处理结果。例如: ```javascript function fetchData(callback) { // 模拟异步请求数据 setTimeout(() => { const data = { name: 'John', age: 25 }; callback(data); // 调用回调函数并传递数据 }, 1000); } fetchData((data) => { console.log(data); // 在回调函数中处理数据 }); ``` 2. 在组件中使用:在uniapp的组件中,你可以定义一个方法作为回调函数,并在需要的地方进行调用。例如: ```javascript export default { methods: { handleCallback(data) { console.log(data); // 在回调函数中处理数据 }, fetchData() { // 模拟异步请求数据 setTimeout(() => { const data = { name: 'John', age: 25 }; this.handleCallback(data); // 调用回调函数并传递数据 }, 1000); }, }, }; ``` 3. 使用Promise对象:你也可以使用Promise对象来处理回调函数。在uniapp中,很多异步操作返回的是Promise对象。你可以使用`.then()`方法来处理异步操作完成后的结果。例如: ```javascript function fetchData() { return new Promise((resolve, reject) => { // 模拟异步请求数据 setTimeout(() => { const data = { name: 'John', age: 25 }; resolve(data); // 异步操作完成,将数据作为参数传递给resolve方法 }, 1000); }); } fetchData().then((data) => { console.log(data); // 在回调函数中处理数据 }); ``` 以上是在uniapp中使用回调函数的一些常见方法。你可以根据具体的场景选择合适的方式来使用回调函数

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值