js回调函数:js先执行完一个函数后再执行下面的逻辑或者方法
错误的列子:
//获取年龄的方法
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){ 后续的代码 }); 注:后续的代码要在括号内执行
————————————————
版权声明:本文为CSDN博主「辰辰呐」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_37581708/article/details/101103075