Javascript - 运行机制

Javascript是单线程的,这一特性也是因为Javascript的初衷是操作DOM,产生用户交互,如果存在多线程,操作DOM就会产生同步问题,为了避免复杂性,Javascript被设计为单线程的。


但我们仍然看到了一些异步特性,例如:事件响应、ajax、计时器等。实际上,这些异步任务是在一个特殊的任务队列中等待主线程执行的,当主线程空闲就从任务队列中获取可以执行的任务进行处理。而像事件响应,ajax,计时器的等异步任务都会进入任务队列,当主线程处理完执行栈时就会处理这些任务队列,当主线程处理任务队列时,也会执行相应的回调函数。




我们从如下代码中也可以看出这一机制:

var test=function(){
	var date = new Date();
	setTimeout(function(){
		console.log(1);
	},10);
	while(new Date() -date <=1000){}
}

实际上console.log并不是在10ms之后进行的,而是在test函数执行完毕后进行的。

也就是说,javascript会在处理完执行栈之后进行任务队列调度,所以下列代码其实是等价的:

var req = new XMLHttpRequest();
req.open('GET', url);    
req.onload = function (){};    
req.onerror = function (){};    
req.send();


var req = new XMLHttpRequest();
req.open('GET', url);
req.send();
req.onload = function (){};    
req.onerror = function (){};  

不论如果,send方法都会在全部语句处理完成之后进行。

也正因如此,如果我们进行大量运算,即使使用了异步任务也是无用的,都必须等待运算结束。


Worker

在HTML5中提供了worker API,可以真正的创建子线程,但所创建的子线程完全由主线程控制,而且子线程完全脱离window作用域,无法调用window/document,也就是无法进行DOM操作。但可以使用postMessage方法发布事件,主线程可以使用事件监听的方式得到message,也可以使用terminate方法停止线程。

var test = new Worker("worker-test.js");
test.onmessage = function(event) {
	console.log(event);
	test.terminate();
};




  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值