Don't make functions within a loop.

最新推荐文章于 2023-10-09 02:02:27 发布

原创最新推荐文章于 2023-10-09 02:02:27 发布 · 3.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#Don't make functions within a loop. #Uncaught SyntaxError: Unexpected id #for循环报错 #es6 #延时器

js 同时被 2 个专栏收录

14 篇文章

订阅专栏

浏览器报错

3 篇文章

订阅专栏

本文探讨了在for循环中使用匿名函数时遇到的常见错误，并提供了如何通过定义独立的异步函数来解决这些问题的有效策略。展示了如何将直接在循环内声明的函数替换为预定义的异步函数，以避免浏览器报错，同时保持代码的整洁和效率。

先看一下翻译
在这里插入图片描述
我们在for循环中使用了 function(){}, 或则是() => {}, 声名了函数。浏览器回报错。但不影响使用，会很不爽，所以建议使用，变量来代替例如：
let data = await request();
const num = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
const request = async () => {
url = await request();
};
for (const index of num) {
setTimeout(() => {
if (!url && index <= 9) {
request（）;
}
}, 2000);
}

改完：
let data = await this.request();
const num = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
const _setTimeout = async (index) => {
if (!url && index <= 9) {
url = await this.request();
}
};
for (const index of num) {
setTimeout(() => _setTimeout(index), 2000);
}