Don't make functions within a loop.

微信公众号：大前端实践者

于 2019-08-29 16:59:42 发布

阅读量3.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： js 浏览器报错文章标签： Don't make functions within a loop. Uncaught SyntaxError: Unexpected id for循环报错 es6 延时器

本文链接：https://blog.youkuaiyun.com/xinzechen/article/details/100141592

js 同时被 2 个专栏收录

14 篇文章

订阅专栏

浏览器报错

3 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先看一下翻译
在这里插入图片描述
我们在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);
}