代码之家 › 专栏 › 技术社区 › Guber Jan

为什么我不能读取嵌套函数中全局变量的变化?

nested-function javascript

Guber Jan · 技术社区 · 10 年前

//这是一个关于嵌套函数和计时器函数的代码问题

    var num = 0; //the key of this problem
	var timer = null;
	timer = setInterval(function() {
        //num could change from 0 to 9 in this function
		console.log(num); 
		setTimeout(function() {
		console.log(num); //but in this place, num is always 0,why?
		}, 2000);	

		num++;					
		if (num >= 10) {						
			num = 0;
		clearInterval(timer);
		}
	}, 100);

1 回复 | 直到 10 年前

T.J. Crowder 10 年前

为什么我不能读取嵌套函数中全局变量的变化?

setTimeout 回调发生时,您已经设置好了返回到0:您递增 num 每100ms,当达到10时将其设置为0,然后停止增量过程。2000毫秒后,您将显示

换言之,情况如下:

时间0ms:您设置 号码 到0
时间0ms:您设置了重复间隔计时器( setInterval )100毫秒时
时间~100ms:间隔第一次点火:
1. 它会在2000毫秒后设置第一个回调
2. 变化 号码
1. 它会在2000毫秒后设置第一个回调
2. 变化 号码 至2
在约300毫秒(num->3)、约400毫秒(num->4)、约500毫秒(num->5)、约600毫秒(nug->6)、约700毫秒
时间~1000ms:上次点火间隔:
1. 它在2000毫秒后设置了另一个回调
2. 它将num设置为10,然后设置为0并取消间隔
时间~2100ms:第一次 设置超时 回调触发,显示num=0
时间~2200ms:秒 设置超时 回调触发,显示num=0
等等

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前