javaScript之深入理解同步与异步

同步和异步

• 同步，可以阻塞也可以非阻塞；异步可以阻塞也可以非阻塞;
• 但是同步和异步都是是一种消息通知机制。js中是同步阻塞，异步非阻塞。
• 同步阻塞: A调用B，B处理获得结果，才返回给A。A在这个过程中，一直等待B的处理结果，没有拿到结果之前，需要A（调用者）一直等待和确认调用结果是否返回，拿到结果,然后继续往下执行。
• 异步非阻塞: A调用B，无需等待B的结果，B通过状态，通知等来通知A或回调函数来处理。

主线程和异步线程

console.log(111);
function test(){
    console.log("test");
}
test();
function asyncFn1(){
    // 异步函数
    setTimeout(()=>{
        console.log("asyncFn1");
    },2000)
}
asyncFn1();
function asyncFn2(){
    // 异步函数
    setTimeout(()=>{
        console.log("asyncFn2");
    },2000)
}
asyncFn2();
console.log(222);

结果：

111
test
222
asyncFn1
asyncFn2

异步问题

function asyncFn(){
    setTimeout(()=>{
        console.log("asyncFn");
    })
}
asyncFn();  //后执行
console.log("somevalue");  //先执行

结果：

somevalue
asyncFn

• 异步执行完后再执行其他逻辑

function asyncFn(cb){
    setTimeout(()=>{
        console.log("asyncFn");
        // 容错处理 
        cb && cb();
    })
};
asyncFn(function(){
    // 异步执行完成后的代码
    console.log("somevalue");
});

结果：

asyncFn
somevalue