ECMAScript 2020（ES11）的新特性：一次性定时器
在前端开发中，定时器是一种常用的工具，可以用来定时执行代码或重复执行操作。在 ES6 中，我们已经有了 setInterval 和 setTimeout 这两个定时器函数，但它们有一个共同的问题：它们会一直执行，直到被手动停止。在 ES11 中，新增了一种全新的定时器——一次性定时器，解决了这个问题。
一次性定时器的本质是 Promise 实例的一个扩展方法，这意味着它可以直接与 async/await 一同使用。一次性定时器可以让我们方便地在未来某个时间点执行一次性的任务，而不需要手动停止定时器。
下面是一些使用一次性定时器的代码示例：
-- ----------- ------- -- ----- ----- - ---- -- --- ----------------- -- ------------------- ----- ----- ------------ -- -- - -- -- ------------ ----- -------------- - --- ----------------- -- - ------------------- ------ --- ----- --------------- -- -- - --
上面的代码演示了如何使用一次性定时器等待一秒钟。我们可以看到，用一次性定时器来实现这个功能比使用普通的 Promise 实例要更加直观和易用，而且我们不需要手动停止定时器。
除了上述例子中的使用方式，一次性定时器还可以与其他的 Promise 方法配合使用。例如，我们可以使用 Promise.race() 来等待 timeoutPromise 和另一个 Promise 实例 racePromise 谁先完成：
----- ----------- - --- ----------------- -- ------------------- ------- ----- ----------------------------- -------------- -- -- - --- - --------- -------
一次性定时器在实际开发中也有很多应用场景。例如，我们可以在用户进行一些动态操作（例如鼠标移动或按键按下）时，借助一次性定时器暂停一会儿以防止频繁触发操作逻辑。类似地，我们也可以使用一次性定时器来延迟某些耗时的操作，以免卡死页面。
总结一下，一次性定时器是 ES11 新增的一个特性，可以让我们方便地在未来某个时间点执行一次性的任务，而不需要手动停止定时器。它可以很方便地与其他的 Promise 方法配合使用，可以应用于很多开发场景中。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6655b3d7d3423812e4a766e7