js回调函数:js先执行完一个函数后再执行下面的逻辑或者方法

本文通过一个错误和正确示例介绍了回调函数在JavaScript中处理异步操作的重要性,避免了未获取到数据就执行后续代码导致的undefined问题。正确使用回调函数确保了在数据准备就绪后才执行相关操作。

错误的例子: 获取小明的年龄

function getAge(name){
let age=10;
return age;
}
//需要调用的方法
function html(){
let strHtml=``
let age=getAge("小明")//在此希望调用获取年龄方法得到小明的年龄
strHtml="小明的年龄为:"+age;
console.log(strHtml);
}

上面的列子 有可能在获取到年龄之前就执行了输出 (获取不到年龄就执行了下面的代码)

输出为: 小明的年龄为:undefined

正确的例子:

function getAge(name,callback){
let age=10;
callback(age);
}
//需要调用的方法
function html(){
let strHtml=``
//在此希望调用获取年龄方法得到小明的年龄
let age=getAge("小明",function(data){
strHtml="小明的年龄为:"+data;
console.log(strHtml);
});
}

上面的列子 输出为:小明的年龄:10

1.在需要调用的方法入参加callback参数 ,并且callback(返回的参数)

2.调用的时候 用 方法名(参数,function(data){ 后续的代码 }); 注:后续的代码要在括号内执行

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值