回调函数 VS ES6Promise

本文通过实例解析了回调函数的工作原理,展示了如何在JavaScript中使用回调函数处理异步操作,并对比了ES6中Promise的优势,强调了其在解决异步编程中的作用。

举个栗子

fuction a(callbackFunction){
  alert("这是parent函数a");
  var m =1;
  var n =3;
  return callbackFunction(m,n);
}
function b(m,n){
    alert("这是回调函数b");
    return m+n;
}
$(function(){
    var result = a(b);
    alert("result="+result);
});

输出结果:
这是parent函数a
这是回调函数b
result=4
执行函数a,调用了函数b,最后输出结果。

在举个栗子

//定义主函数,回调函数作为参数
function A(callback) {
callback(); 
console.log('我是主函数'); 
}
//定义回调函数function B(){
setTimeout("console.log('我是回调函数')", 3000);
//模仿耗时操作 }
//调用主函数,将函数B传进去A(B);
输出结果我是主函数
我是回调函数

总结:
主函数不用等待回调函数执行完,可以接着执行自己的代码。所以一般回调函数都用在耗时操作上面。比如ajax请求,比如处理文件等。

es6 中的promise

优点:执行完A,执行B,执行c

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值