setTimeout()如何在JS上工作
提问于 2013-10-27 19:31:57
学JS就行了。在我看来，函数setTimeout代码区域应该像正常工作一样工作，但是它不是，exp：
var result = 0;
(function (i){
if(i > 0){
result = result + i;
i = i - 1;
setTimeout("arguments.callee(" + i + ")",100);//arguments.callee(i);
}
else if(i == 0)
return;
}(10));
alert(result);我要它警告55，而不是10，如果删除setTimeout，它将是好的。有人知道为什么吗？
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-10-27 19:40:50
试一试
var result = 0;
(function (i, callback) {
if (i > 0) {
result = result + i;
i = i - 1;
var callee = arguments.callee;
setTimeout(function () {
callee(i, callback)
}, 100);
} else if (i == 0) {
callback();
}
}(10, function () {
alert(result);
}));演示：小提琴
为什么？
您的方法存在多个问题。
- setTimeout是异步的，这意味着您的警报将在加法操作完成之前触发-一个解决方案是使用回调方法，该方法将在添加结束后执行，如上面所示。
- 当您将一个字符串传递给
setTimeout时，它将在全局范围内执行，即arguments.callee将引用与您预期不同的对象。
Stack Overflow用户
发布于 2013-10-27 19:39:31
因为setTimeout是异步的，所以简单地说，这意味着它将在稍后执行。JS不等待它(不会在该行停止代码)，而是运行后续代码。
因此，当您稍后设置它时，代码将继续在“超时值循环”之外并进入警报。在此期间，循环只执行了一个循环，而result只添加了10个。
你能做的是：
- 你可以将警报设置在“超时循环”的末尾。
- 或者，在循环完成时执行您可以发送一个函数，也就是“回调”。。
- 不受欢迎。你可以给你的生活起个名字，然后让超时值叫它
Stack Overflow用户
发布于 2013-10-27 21:21:34
鉴于此：
- arguments.callee是不受欢迎的(不受反对)
- 命名函数表达式有自己的问题
- 这里似乎有一个目标，就是不创建一个全局变量来运行超时。
考虑在IIFE中声明函数(根据我认为您想要的内容进行调整-在10次迭代后发出警报，显示结果为10)：
var result = 0;
(function (i){
function foo(j) {
if(j > 0){
++result;
setTimeout(function(){foo(--j)},100);
} else {
alert('Result: ' + result);
}
}
foo(i);
}(10));注意，没有其他块的必要(除非您想返回undefined以外的东西)。
请注意，在ES5和其他支持它的浏览器(而不是IE < 9)中，您可以在调用setTimeout时传递参数：
setTimeout(foo, 100, --j);所以你保存了一个额外的函数对象。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19626793
复制相关文章
![int a； int* a； int** a； int (*a)[]； int (*a)(int)](https://ask.qcloudimg.com/http-save/yehe-7476560/e337bc6db3785981380ea5863640d813.png)
![2022-05-26：void add(int L, int R, int C)代表在arr[L...R]上每个数加C， int get(int L, int](https://ask.qcloudimg.com/http-save/7620466/af9f720bf06d27c895da4dd3f86717f2.png)
![Android逆向之旅---动态方式破解apk进阶篇(IDA调试so源码)[转]include <stdio.h>int func(int a, int b, int c, int d, int e,](https://ask.qcloudimg.com/http-save/yehe-2930595/skf0u46qcn.png)
点击加载更多
腾讯云开发者
