javascript如何解决异步问题
导读:本文共1594字符,通常情况下阅读需要5分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 1、使用回调函数有学过和使用过jQuery的小伙伴就会知道这个方法,这是个将自己作为变量传递给另一个函数的函数,是在主体函数执行完成之后在执行的。代码如下:letdelayWithCallback=(time,callback)=>{console.log('handle...')setTimeout(()=>{if(typeo... ...
目录
(为您整理了一些要点),点击可以直达。1、使用回调函数
有学过和使用过jQuery的小伙伴就会知道这个方法,这是个将自己作为变量传递给另一个函数的函数,是在主体函数执行完成之后在执行的。代码如下:
代码中可以看到我们在callback方法里面处理回调问题。
2.使用Promise
这个方法是通过本身构造函数在接受一个函数作为参数,从而分别来表示操作执行成功后的回调函数和异步操作执行失败后的回调函数
,Promise的参数分别是resolve和reject;代码如下:
我们还可以在这个方法之上使用then方法进行回调。代码如下:
通过代码我们可以知道then这个方式是在Promise.prototype.then()中接收两个参数来实现的。
3.使用async或者await的解决异步问题
由于这两个方法是ES7中的新特性所以关于他们的用法有这些特点:
(1).我们可以在function前面加async关键字就可以表示这是个async函数;而且async的返回值是一个Promise对象,所以我们还可以用then方法添加回调函数。
(2).当我们在使用await的时候后面跟着的应该是个promise对象,如果不是的话就会被转成个含有resolve的Promise对象,而且await是表示在等待promise返回结果了之后再继续执行的。
下面是一个相关的代码:
(3).使用async或者await一个个执行代码如下:
当我们使用这个方法的时候这个功能出来是会依照程序一步步来的。还设有500ms的时间间隔。
(4).使用async或者await同时执行方法
javascript如何解决异步问题的详细内容,希望对您有所帮助,信息来源于网络。