前端await用法
try catch的使用方法    AwaitJavaScriptES2017一个新特性，它提供了异步编程的一种更优雅的方式。它可以帮助我们在异步流程中创建更简短更具表现力的代码。
    二、await可以用来做什么？
    1、使用 await 代替回调函数：
    对于使用回调函数来处理异步流程的情况，在使用 await，可以替代这些回调函数，使用 await形式更加简洁明了。
    2、取消 async/await套回调函数：
    在使用 async/await，可以把嵌套回调函数取消掉，避免回调函数中出现的异步嵌套问题，使代码更加简洁。
    3、使用 await代替 Promise：
    Promise ES6入的新特性，它们可以帮助我们有效管理异步操作。使用 async/await以替代这些 Promise 代码，更清晰。
    三、await 使用技巧
    1、使用 Promise.all：
    Promise.all()用来处理多个 Promise时完成的方法，使用 await续处理多个 Promise会比使用 Promise.all()更好的效果。
    2、await面加上代码：
    在使用 async/await，可以在 await面紧跟一段代码，这样可以帮助我们在处理完 Promise做一个后续的操作。
    3、尽量将 await在 try/catch：
    使用 async/await，最好把 await在 try/catch，因为 await异步操作，如果不在 try/catch，一旦发生异常时，控制台可能不会立刻抛出异常，这样将会导致错误无法被发
现。
    四、await注意点
    1、必须与 async 一起使用：
    使用 await，必须要使用 async键字，单独使用 await无法异步操作的，所以只有在 async数中才能使用 await。
    2、await的表达式必须是一个 Promise：
    使用 await，要求 await的表达式必须是一个 Promise象，否则就会产生一些不可预料的错误。
    3、await的函数一定要返回一个 Promise：
    使用 await，必须保证 await的函数返回一个 Promise象，它决定了 await作是否会有异常。
    四、总结
    await ES2017 中提出来的一种新特性，它使异步编程变得更加优雅，可以替代多种形式的异步操作。在使用 async/await，可以使同步编程更加简洁高效，可以帮助我们有效管理异步流程。同时，在使用 async/await，我们还需要极其小心来保证 await的 Promise 一定能够返回一个有效的 Promise象，这样才能避免异步编程中的种种错误。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。