这道题是这样的。
var a = 6;
setTimeout(function () {
alert(a);
a = 666;
}, 1000);
a = 66;
结果输出 66
,说是因为作用域的问题。
但是为什么
var a = 6;
(function(){
(function () {
alert(a);
a = 666;
})();
})();
a = 66;
输出的就是 6
呢,我就不懂了。不也是作用域不一样吗?
这道题是这样的。
var a = 6;
setTimeout(function () {
alert(a);
a = 666;
}, 1000);
a = 66;
结果输出 66
,说是因为作用域的问题。
但是为什么
var a = 6;
(function(){
(function () {
alert(a);
a = 666;
})();
})();
a = 66;
输出的就是 6
呢,我就不懂了。不也是作用域不一样吗?
首先执行
var a = 6;
然后设置一个定时,定时的内容是输出 a
的值,然后把 a
赋值为 666
。
注意1,此时,是输出 a 的值,到底是多少呢?只有执行到这儿才知道。
但是有一点儿是确定的,肯定不是 666
。(why?)
注意2,这里的函数并不会立即执行,js 引擎会继续执行下面的代码。
setTimeout(function () {
alert(a);
a = 666;
}, 1000);
然后又给 a
赋值了一次,变成了 66
。
a = 66;
因此,当时间到来的时候,输出了 a
的值:66
。
先给你简化一下:
var a = 6;
(function () {
alert(a);
a = 666;
})();
a = 66;
第一步
var a = 6;
a
的值是 6
。(没有什么好解释的)。
第二步
(function () {
alert(a);
a = 666;
})();
这里定义了一个函数,而且,这个函数立即执行了(注意后面的括号,是调用函数的意思)。
所以输出了 6
。
后面的代码都无所谓了。
相关阅读:命名函数表达式探秘
8 回答5.8k 阅读✓ 已解决
9 回答9.2k 阅读
6 回答4.8k 阅读✓ 已解决
5 回答3.5k 阅读✓ 已解决
4 回答7.9k 阅读✓ 已解决
7 回答9.8k 阅读
5 回答7.1k 阅读✓ 已解决
哥们,除了作用域你还得看执行顺序呀?例1一秒后执行你的匿名函数,所以是先赋值了6,然后赋值66,1秒后alert,最后赋值666;例2是你们函数定义后就调用了,是先赋值6,再立即执行了函数,执行alert然后赋值666,最后赋值66.
重点在
(function() {...})()
,这个通常的作用是产生一个新的命名域,定义的变量就不会跟外面的变量冲突了,但可以使用外部的变量,是定义函数后立即执行。补充下,我还以为题主的疑问在 (function(){})(),而其实是在 setTimeout 上,Sorry!
贡献点参考资料:
http://pandacafe.net/blog/337
解释了为什么setTimeout 0会在当前流程后执行的原因
http://www.pjhome.net/article/Javascript/setImmediate_requestAnimationFrame.html
一篇谈论setTimeout未来的文章,其中提到了我此前也不了解的16ms特点。