异步与回调

NusterCache 发布于2019-08-26 12:00 / 2344人阅读

摘要：例子下面的程序，，，，它会按照顺序从上往下的顺序执行，就是同步。

异步

我对异步的理解：

异步是不等结果，往下执行；同步是等结果出现后，再往下执行

代码中出现异步程序时，如例2中，执行顺序就会发生变化

使用回调，就是让执行顺序不会发生变化

但这肯定不是异步要表达的意思，因为下面的例子是完全是异步的负面效果，那异步到底有啥作用？

下面的例子是解决异步带来的问题，而非异步的优点。

例子：

1、下面的程序f1()，f2()，...，f5()，它会按照顺序从上往下的顺序执行，就是同步。

f1 =function(){console.log(1)}
f2 =function(){console.log(2)}
f3 =function(){console.log(3)}
f4 =function(){console.log(4)}
f5 =function(){console.log(5)}

f1()
f2()
f3()
f4()
f5()

2、假如f1()是个异步函数，它的执行顺序就会发生变化f2()，...，f5()，f1()

f1 =function(){
    setTimeout(function(){
        console.log(1)
    },10)
}
f2 =function(){console.log(2)}
f3 =function(){console.log(3)}
f4 =function(){console.log(4)}
f5 =function(){console.log(5)}

f1()
f2()
f3()
f4()
f5()

3、这不是我们想要的结果，我们想要的结果是f1()、f2()依次运行，就需要使用回调函数，定义是将函数A作为参数，传入函数B

f1 =function(fn){
    setTimeout(function(){
        console.log(1)
        fn.call()
    },10)
}
f2 =function(fn){console.log(2);fn.call()}
f3 =function(fn){console.log(3);fn.call()}
f4 =function(fn){console.log(4);fn.call()}
f5 =function(fn){console.log(5);fn.call()}

f1(()=>{
    f2(()=>{
        f3(()=>{
            f4(()=>{
                f5()
            })
        })
    })
})

4、或者使用Promise，更能体现执行的顺序

f1 =function(){
    return new Promise(function(resolve){
        setTimeout(function(){
            console.log(1)
            resolve.call()
    },10)
    })
}
f2 =function(){console.log(2)}
f3 =function(){console.log(3)}
f4 =function(){console.log(4)}
f5 =function(){console.log(5)}

f1().then(f2).then(f3).then(f4).then(f5)

回调

把函数 A 作为参数传入函数 B 中

function async(f1, f2) {
    setTimeout(function() {
        f1.call();
        f2.call();
    }, 0);
}
function foo(){
    console.log("foo");
}
function bar(){
    console.log("bar");
}

console.log("异步开始");
async(foo, bar)
console.log("异步结束");

//打印结果：
//异步开始
//异步结束
//foo
//bar

云服务器 GPU云服务器同步回调和异步回调异步回调 linux 异步回调 java异步回调循环

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/108006.html

同步与异步、异步与回调

摘要：同步与异步以上为同步代码，函数必须等函数执行完毕后才能执行。异步回调产生的结果就是，函数的调用并不直接返回结果，而往往是交给回调函数进行异步处理。同步与异步： function a(){} function b(){} a(); b(); 以上为同步代码，函数b必须等函数a执行完毕后才能执行。 function a(){ ...

dinfer 2019-08-21 10:45 评论0 收藏0
javascript异步与promise

摘要：到这里，我已经发出了一个请求买汉堡，启动了一次交易。但是做汉堡需要时间，我不能马上得到这个汉堡，收银员给我一个收据来代替汉堡。到这里，收据就是一个承诺保证我最后能得到汉堡。同期异步系列文章推荐谈一谈javascript异步javascript异步中的回调javascript异步之Promise.all()、Promise.race()、Promise.finally()javascr...

rollback 2019-08-23 14:52 评论0 收藏0
JS—异步、回调、高阶函数

摘要：而是在调用发出后，被调用者通过状态通知来通知调用者，或通过回调函数处理这个调用。请求程序发出请求，从服务器端获取数据，并设置了回调函数。然后，浏览器会设置侦听来自网络的响应，拿到数据后，将该回调函数插入到事件循环。并发与并行并发是指两个或多个事件链随时间发展交替执行，以至于从更高的层次来看，就像是同时运行（但在任意时刻只处理一个事件）并发的关键是你有处理多个任务的能力，不一定同...

Dean 2019-08-23 12:21 评论0 收藏0
从源码看 Promise 概念与实现

摘要：从源码看概念与实现是异步编程中的重要概念，它较好地解决了异步任务中回调嵌套的问题。这些概念中有趣的地方在于，标识状态的变量如都是形容词，用于传入数据的接口如与都是动词，而用于传入回调函数的接口如及则在语义上用于修饰动词的副词。从源码看 Promise 概念与实现 Promise 是 JS 异步编程中的重要概念，它较好地解决了异步任务中回调嵌套的问题。在没有引入新的语言机制的前提下，这...

kel 2019-08-26 11:58 评论0 收藏0
异步

摘要：在异步机制中，任务队列就是用来维护异步任务回调函数的队列。四对象对象是工作组提出的一种规范，目的是为异步编程提供统一接口。异步 1.JavaScript单线程的理解 Javascript语言的执行环境是单线程（single thread）。所谓单线程，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。 2.JavaScript单线...

goji 2019-08-23 13:54 评论0 收藏0
Javascript的异步和回调

摘要：异步本质上应该就是多线程语言的产物。如果是多线程的异步，假死的应该是运行方法的线程，而方法仍然会按预期打印出。当然了，按我个人的理解，应该说是是的回调函数。引子每个故事都有由来。前两天在看 gulp 的时候，看到了它有个 promise 的玩意儿，然后的然后，这两天就掉进了 javascript 的异步和回调的坑里面去了。其间搜索了 javascript promise，看到了...

CarlBenjamin 2019-08-22 10:57 评论0 收藏0