顶层await简化JS代码

cript 是一种流行的编程语言，最初被设计为单线程和同步的语言，意味着程序需要在不等待获取外部资源或者耗时的计算的情况下一步一步的运行。如果脚本需要这样的资源或计算，这种同步行为将导致错误。这会阻塞队列中的所有其他进程运行，无论它们是否依赖于那些阻塞中的任务。

但很久以前，JavaScript 引入了一个机制让其可以在等待外部资源或者耗时任务的时候去执行其剩余的代码。这种异步行为是通过在函数上使用回调或 promise 来实现的。

什么是回调和promise

我将通过代码来解释这些概念。如果你已经知道回调和 promise 是什么，请直接跳到顶层 await 部分和示例应用程序。

回调

在回调中，一个函数作为参数传递给另一个函数；因此，下面 addEventListener 函数中的第二个参数是回调函数。此回调将等待第一个 click 事件发生，然后才执行第二个参数。等待行为使代码异步。这与同步代码不同，它可以接着一步一步的运行，而不需要等待资源下载或者耗时进程结束。但要注意，并非所有回调函数都是异步的。

Promises

Promises 类似于回调，它将函数附加到返回的对象上。但Promises和回调也有不同，Promises 是专门为异步方法设计的。它们只有一个参数和一个用来获得返回结果的 then() 函数。此外，它还可以链式的附加多个.then() 和 catch() 函数。

（编辑：漯河站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!