JavaScript中“ for ... await ... of”语句的重要性是什么？
等待...的
'forawait...of'语句创建一个循环，该循环遍历异步 对象并同步 对象，例如数组，类似数组的对象，映射集等。
语法
for await (variable of iterable) {
statement
}示例
在下面的示例中，“forawait...of”语句用于以异步格式循环普通数组，并且整数从1到5显示，如输出所示。
<html>
<body>
<script>
var txt = "";
const array = [1,2,3,4,5];
async function test() {
for await (const p of array) {
var txt = p + "</br>";
document.write(txt);
}
}
test();
</script>
</body>
</html>输出结果
1 2 3 4 5
要在循环中调用异步 函数，将使用新的Symbol“Symbol.asyncIterator”和“for-await...of”构造。最重要的是，“for-await...of”在循环异步可迭代对象方面发挥了重要作用。
示例
在下面的示例中，使用“forawait...of”对异步iterable进行迭代，显示了1到5的整数。
<html>
<body>
<script>
var txt = "";
var async = {
[Symbol.asyncIterator]() {
return {
i: 1,
next() {
if (this.i < 6) {
return Promise.resolve({ value: this.i++, done : false});
}
}
};
}
};
async function test() {
for await (let p of async) {
txt = p + "</br>"
document.write(txt);
}
}
test();
</script>
</body>
</html>输出结果
1 2 3 4 5
热门推荐
10 对患者生日祝福语简短
11 结婚祝福语简短装备
12 周岁祝福语学生文案简短
13 订婚领证祝福语简短精辟
14 导师获奖祝福语大全简短
15 新婚购房祝福语简短精辟
16 牛年祝福语简短的爱人
17 送芒果的祝福语简短
18 送给学长毕业祝福语简短