JS函数的异步编程
一,同步模式与异步模式
1,"同步模式"-----后一个任务等待前一个任务结束,然后再执行,程序的执行顺序与任务的排列顺序是一致的,同步的。
2,异步模式----每一个任务有一个或多个回调函数,前一个任务结束后,不是执行后一个任务,而是执行回调函数,后一个
任务则是不等前一个任务结束就执行,所以程序的执行顺序与任务的排列顺序是不一致的,异步的。
二,异步编程的4种模式:
1,回调函数,
假定有两个函数f1和f2,f2等待着f1的执行结果。
如果f1是一个很耗时的任务,可以考虑改写f1,把f2写成f1的回调函数。
function f1(callback){ setTimeout(function () { // f1的任务代码 callback(); }, 1000); }
执行代码就变成下面这样:
f1(f2);
JavaScript最基础的异步函数是setTimeout和setInterval。
例如:下面f1和f2是一段同步任务,f1先调用,只有当f1执行完了,f2才会执行,f1很费时,f2也必须等着。
function f1(){ for(var i=0;i<10000000000;i++){ } alert(i) } function f2(){ alert('我等待f1执行完成才会执行!'); } f1(); f2();
由于f1的执行任务很耗时,那我们就利用setTimeout将那部分耗时的代码,写成异步的放在队列里等待,同步的代码执行完了,再执行setTimeout里的任务
function f1(){ setTimeout(function(){ for(var i=0;i<10000000000;i++){ } alert(i) },1000); } f1(); f2(); function f2(){ alert("这一次,我先弹出结果!"); }
2,事件监听,
3,发布/订阅
4,promises对象
JavaScript 运行机制详解:再谈Event Loop