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异步编程的4种方法

 

JavaScript 运行机制详解：再谈Event Loop