摘要:例子下面的程序,,,,它会按照顺序从上往下的顺序执行,就是同步。
异步
我对异步的理解:
异步是不等结果,往下执行;同步是等结果出现后,再往下执行
代码中出现异步程序时,如例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
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/108006.html
摘要:同步与异步以上为同步代码,函数必须等函数执行完毕后才能执行。异步回调产生的结果就是,函数的调用并不直接返回结果,而往往是交给回调函数进行异步处理。 同步与异步: function a(){} function b(){} a(); b(); 以上为同步代码,函数b必须等函数a执行完毕后才能执行。 function a(){ ...
摘要:到这里,我已经发出了一个请求买汉堡,启动了一次交易。但是做汉堡需要时间,我不能马上得到这个汉堡,收银员给我一个收据来代替汉堡。到这里,收据就是一个承诺保证我最后能得到汉堡。 同期异步系列文章推荐谈一谈javascript异步javascript异步中的回调javascript异步之Promise.all()、Promise.race()、Promise.finally()javascr...
摘要:而是在调用发出后,被调用者通过状态通知来通知调用者,或通过回调函数处理这个调用。请求程序发出请求,从服务器端获取数据,并设置了回调函数。然后,浏览器会设置侦听来自网络的响应,拿到数据后,将该回调函数插入到事件循环。 并发与并行 并发是指两个或多个事件链随时间发展交替执行,以至于从更高的层次来看,就像是同时运行(但在任意时刻只处理一个事件) 并发的关键是你有处理多个任务的能力,不一定同...
摘要:从源码看概念与实现是异步编程中的重要概念,它较好地解决了异步任务中回调嵌套的问题。这些概念中有趣的地方在于,标识状态的变量如都是形容词,用于传入数据的接口如与都是动词,而用于传入回调函数的接口如及则在语义上用于修饰动词的副词。 从源码看 Promise 概念与实现 Promise 是 JS 异步编程中的重要概念,它较好地解决了异步任务中回调嵌套的问题。在没有引入新的语言机制的前提下,这...
摘要:异步本质上应该就是多线程语言的产物。如果是多线程的异步,假死的应该是运行方法的线程,而方法仍然会按预期打印出。当然了,按我个人的理解,应该说是是的回调函数。 引子 每个故事都有由来。前两天在看 gulp 的时候,看到了它有个 promise 的玩意儿,然后的然后,这两天就掉进了 javascript 的异步和回调的坑里面去了。 其间搜索了 javascript promise,看到了...
阅读 1003·2021-11-23 09:51
阅读 2312·2021-10-08 10:22
阅读 2493·2021-09-29 09:35
阅读 834·2021-09-22 15:20
阅读 2835·2019-08-30 15:53
阅读 2398·2019-08-30 13:55
阅读 1067·2019-08-29 17:27
阅读 2853·2019-08-29 17:26