ES9，即 ECMAScript 2018，是 JavaScript 的最新版本，它为前端开发带来了许多新特性，其中一个在在线安全监测方面具有重要意义。本文将简要介绍这个新特性，并提供实现代码和指导。
Async Iterate, for-await-of
ES9 在迭代器方面引入了一个新的功能：for-await-of 语句。该语句允许异步迭代，即可以对异步生成器（asynchronous generator）和异步迭代器（asynchronous iterator）进行循环。这为一些需要异步处理的操作，例如实时在线监测，提供了更加方便和高效的方式。
下面是一个简单的示例，演示如何使用 for-await-of 对异步生成器进行循环，获取异步获取一个 URL 的响应，并打印出响应内容。
-- -------------------- ---- -------
----- --------- ------------- -
----- -------- - ----- -----------
----- ---- - ----- ----------------
----- -----
-
----- -------- ----------- -
--- ----- ------ ---- -- -------------- -
------------------
-
-
----------------------------------在上面的示例中，fetchURL 是一个异步生成器，它返回一个 promise 对象，并通过 yield 语句实现异步迭代。在 logURL 函数中，我们使用 for-await-of 循环对 fetchURL(url) 进行异步迭代，并打印出响应的文本内容。
数组扩展
ES9 进一步扩展了数组的功能，提供了更加多样化的服务，以下两个新特性：扁平化数组和数组填充。
扁平化数组 - Flat
flat() 方法可以将一个多维数组变成一个一维数组。例如，下面的例子是一个多维数组：
const arr = [1, 2, [3, 4], 5, [6, [7, 8]]];
我们可以使用 flat() 转化为一个一维数组：
arr.flat(); // [ 1, 2, 3, 4, 5, 6, [ 7, 8 ] ]
数组填充 - Fill
我们可以使用 fill() 方法来填充一个数组，它的参数可以是基本类型的值或者是一个函数。
const a = [0, 1, 2, 3]; a.fill(4); // [4, 4, 4, 4] a.fill(5, 1); // [4, 5, 5, 5] a.map(() => Math.random()); // [0.48, 0.72, 0.01, 0.22]
示例代码
以下是一个简单的示例代码，演示如何使用 ES9 的新特性实现在线安全监测功能。
-- -------------------- ---- -------
----- ----- - ----------------------
----- ---- - -
-------------------------
-------------------------
---------------------------
--
----- --------- -------------- -
--- ------ --- -- ----- -
----- -------- - ----- -----------
----- ---- - ----- ----------------
----- -----
-
-
----- -------- ------------- -
--- ----- ------ ---- -- --------------- -
-------------------------
-
-
--------------上面的代码中，我们先定义了需要监测的 URL 列表，然后实现了一个异步生成器 fetchURL，它对 URL 进行异步获取并异步迭代。最后，我们定义了 logURLs 函数，对 fetchURL 进行异步迭代，并打印出每个 URL 的响应内容长度。
结论
ES9 在异步迭代和数组操作等方面提供了更多的功能，这些功能可以用来实现更加高效的在线安全监测方案。运用这些新特性，我们可以更加便捷地获取网站的在线状态、响应时间等重要信息，保障在线安全。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6714e97dad1e889fe2163bd2