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

错误的列子:

//获取年龄的方法

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

  


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

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

正确的例子:

//获取年龄的方法

1
2
3
4
5
6
7
8
9
10
11
12
13
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){ 后续的代码 }); 注:后续的代码要在括号内执行
————————————————
版权声明:本文为CSDN博主「辰辰呐」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_37581708/article/details/101103075

posted @   八英里  阅读(9464)  评论(0编辑  收藏  举报
编辑推荐:
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行:
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
历史上的今天:
2020-05-09 ServiceStack.Redis Client Unknown reply on integer response: 430k
点击右上角即可分享
微信分享提示