欢迎光临散文网 会员登陆 & 注册

说一说JS实现异步的方法?

2022-05-27 17:34 作者:朵宝特工007  | 我要投稿

得分点:回调函数、事件监听、setTimeout、Promise、生成器Generators/yield、async/awt。

回答:所有的异步任务都是在同步执行结束之后,从任务队列中依次取出执行。

(1)回调函数是异步操作最基本的方法,比如AJAX回调,回调函数的优点是简单、容易理解和实现,缺点是不利于代码的阅读和维护,各个部分之间高度耦合,使得程序结构混乱、流程难以追踪(尤其是多个回调函数嵌套的情况),而且每个任务只能指定一个回调函数。此外它不能使用try catch捕获错误,不能之间return。

(2)Promise包装了一个异步调用并生成一个Promise实例,当异步调用返回的时候根据调用的结果分别调用实例化时传入的resolve和reject方法,then接收到对应的数据,做出相应的处理。Promise不仅能够捕获错误,而且也能很好地解决了回调地狱的问题,缺点是无法取消Promise,错误需要通过回调函数捕获。

(3)Generator函数是ES6提供的一种异步编程解决方案,Generator函数是一个状态机,封装了多个内部状态,可暂停函数,yield可暂停,next方法可启动,每次返回的是yield后的表达式结果。优点是异步语义清晰,缺点是手动迭代Generator函数很麻烦,实现逻辑优点绕。

(4)async/awt是于Promise实现的,async/awt使得异步代码看起来像同步代码,所以优点是使用方法清晰明了,缺点是awt将异步代码改造成了同步代码,如果多个异步代码没有依赖性却使用了awt会导致性能上的降低,代码没有依赖性的话,完全可以使用Promise.all的方式。

加分回答:JS异步编程进化史:callback -> promise -> generator/yield -> async/awt。

async/awt函数对Generator函数的改进,体现在以下三点:

(1)内置执行器。Generator函数的执行必须靠执行器,而async函数自带执行器。也就是说,async函数的执行,与普通函数一模一样,只要一行。

(2)更广的适用性。yield命令后面只能是Thunk函数或者Promise对象,而async函数的awt命令后面,可以跟Promise对象和原始类型的值(数值、字符串和布尔值,但这时等同于同步操作)。

(3)更好的语义。async和awt,比起星号和yield,语义更清楚了。async表示函数里有异步操作,awt表示紧跟在后面表达式需要等待结果。目前使用很广泛的就是promise和async/awt。

说一说JS实现异步的方法?的评论 (共 条)

分享到微博请遵守国家法律