js - ASYNC/AWAIT

简介: `async/await` 是一个 es7 的语法

ASYNC/AWAIT

  • async/await 是一个 es7 的语法

  • 这个语法是 回调地狱的终极解决方案

  • 语法:

    async function fn() {
         
      const res = await promise对象
    }
    

async 和 await 关键字

  • 注意: 需要配合的必须是 Promise对象
  • 注意:Promise 语法的调用方案
  • 意义:可以把异步代码写的看起来像同步代码

async 关键字的用法

  • 直接书写在函数的前面,表示该函数是一个异步函数
  • 意义: 表示在该函数内可以使用 await 关键字

await 关键字的用法

  • 必须书写在一个有async关键字的函数内
  • await 后面等待的内容必须是一个promise对象
  • 本该使用then接收的结果,可以直接定义变量接收

缺点

  1. await 只能捕获到promise成功的状态
  2. 如果失败,会报错,终止程序继续执行

解决方案

  1. 使用 try catch语法
    • 语法: try { 执行代码 } catch(err) { 执行代码 }
    • 首先执行 try 里面的代码, 如果不报错, catch 的代码不执行了
    • 如果报错, 不会爆出错误, 不会终止程序执行, 而是执行 catch 的代码, 把错误信息给到 err 参数
  2. 改变封装Promise的思路
    1. 让当前的 Promise 对象百分百成功,让成功和失败都按照 resolve 的形式来执行,只不过传递出去的参数, 记录一个表示成功或者失败的信息
相关文章
|
1月前
|
前端开发 JavaScript
JavaScript异步编程:Promise与async/await的深入探索
【7月更文挑战第9天】Promise和async/await是JavaScript中处理异步编程的两大利器。Promise为异步操作提供了统一的接口和链式调用的能力,而async/await则在此基础上进一步简化了异步代码的书写和阅读。掌握它们,将使我们能够更加高效地编写出清晰、健壮的异步JavaScript代码。
|
1月前
|
JavaScript
js 捕获 await 的报错
js 捕获 await 的报错
14 1
|
1月前
|
前端开发 JavaScript
js 等待接口访问成功后执行指定代码【3种方法】(含async await Promise的使用)
js 等待接口访问成功后执行指定代码【3种方法】(含async await Promise的使用)
19 1
|
1月前
|
前端开发 JavaScript 定位技术
JavaScript 等待异步请求数据返回值后,继续执行代码 —— async await Promise的使用方法
JavaScript 等待异步请求数据返回值后,继续执行代码 —— async await Promise的使用方法
28 1
|
2月前
|
前端开发 JavaScript
JavaScript异步处理避免了单线程阻塞,如回调函数、Promise和async/await。
【6月更文挑战第22天】JavaScript异步处理避免了单线程阻塞,如回调函数、Promise和async/await。回调是基础,用于在操作完成后执行函数;Promise管理异步状态,支持链式调用;async/await提供同步代码外观,简化错误处理。每种技术在处理耗时任务时都起着关键作用。
23 3
|
2月前
|
前端开发 JavaScript UED
JavaScript进阶-async/await语法糖
【6月更文挑战第20天】`async/await`自ES2017起简化了JavaScript异步编程,通过提供同步代码般的体验降低复杂性。async标识异步函数,内部可使用await等待Promise结果。易错点包括:忽略错误捕获(需try/catch)、滥用await(影响性能,适合并发操作时用`Promise.all`)和忘记函数返回Promise。利用高级技巧如并发控制和错误处理,能编写更高效和健壮的代码。实践和理解底层原理是掌握关键。
|
1月前
|
前端开发 JavaScript
js【详解】async await
js【详解】async await
18 0
|
1月前
|
JavaScript API
前后端数据交互.js文件的axios的写法,想要往后端发送数据,页面注入API,await的意思是同步等待服务器数据,并返回,axios注入在其他页面,其他页面调用的时候,同步作用
前后端数据交互.js文件的axios的写法,想要往后端发送数据,页面注入API,await的意思是同步等待服务器数据,并返回,axios注入在其他页面,其他页面调用的时候,同步作用
|
3月前
|
JavaScript 前端开发
js开发:请解释什么是ES6的async/await,以及它如何解决回调地狱问题。
ES6的async/await是基于Promise的异步编程工具,简化了代码并提高可读性。它避免回调地狱,将异步操作转化为Promise,使得代码同步化。错误处理更直观,无需嵌套回调或.then()。
34 1
|
3月前
|
前端开发 JavaScript 开发者
JavaScript 中的异步编程:Promise 和 Async/Await
在现代的 JavaScript 开发中,异步编程是至关重要的。本文将介绍 JavaScript 中的异步编程概念,重点讨论 Promise 和 Async/Await 这两种常见的处理异步操作的方法。通过本文的阐述,读者将能够更好地理解和应用这些技术,提高自己在 JavaScript 开发中处理异步任务的能力。