JS有趣的单线程 [学习]

参考文章: http://www.blueidea.com/tech/web/2009/6951.asp
http://www.blueidea.com/tech/web/2009/6956.asp
YY: 在蓝色理想看到这两篇文章, 决定将自己的理解写出来, 让大伙帮忙瞧瞧, 看理解是否准确!

一.JS的执行特点
源于单线程的特性, JS在一段时间内只能执行一部分代码, 那么, 当有多块代码需要执行时, 就需要排队等候了。

二.单线程与异步事件
(1) 什么是异步事件?
异步事件是像鼠标点击、计时器释放、XMLHttpRequest请求完成这样的动作, 由于我们不知道它何时执行, 所以, 可以认为它是不同步的(这些说明只能作为帮助理解的参考, O(∩_∩)O)。

(2) 异步事件是否会受到单线程的影响?
答案是肯定的: 异步事件也必须排队等候(即异步事件对应的JS回调函数, 也必须排队等候执行, 如何排队则因浏览器而异)。

我们经常借助setTimeout来"改善恶劣的等候情况", 这里就以一个setTimeout的例子, 来展示一下单线程独特的魅力:

// code
<script type="text/javascript">
(function() {
var st = +new Date();
function add() {
var i, j = 0;
for (i=0; i<10000000; i++) {
j = j + i;
};
console.log('add : ' + (+new Date() - st));
}
setTimeout(function() {
var t = +new Date() - st;
console.log('timeout: ' + t);
}, 15);
add();
})();
</script>

// 执行结果, 我在FF 3.0.14中测试



// 对执行结果的分析
从结果可以很明显的看到, 延时函数是在add函数执行完之后才执行的, 为什么会这样呢? 这是因为,timeout只延时了15ms, 而add函数执行所需的时间远大于15ms, 也就是说, 在add函数还未执行完毕时, 计时器就已经释放了, 但是由于单线程的原因, 延时函数不会立即执行(因为当前时间段内, add函数还在执行), 而此时, 浏览器会将延时函数编入队列, 以便能在下一个可执行的时间段内得到执行。(过程如下图)