JS如何单线程实现异步

关于 setInterval、setTimeout

首先他们并不是多线程的

self.setInterval(A, 1000);
		function A() {
			console.log('A');
		}

当出现以下情况时,setInterval会因为线程堵塞不执行的。

self.setInterval(A, 1000);
		function A() {
			console.log('A');
		}
		for (var i =1;i>0;i++) {
			
		}

 

执行顺序 

//		setTimeout和setInterval是平级的谁的代码在前面先执行谁
		self.setTimeout(function() {
			console.log(2)
		}, 0)
		self.setInterval(function() {
			console.log(3);
		}, 0);
		
		
		console.log(1);

JS如何单线程实现异步_第1张图片

解释以上现象:

JS如何单线程实现异步_第2张图片

声明

java script 本身是单线程的,他是依靠浏览器完成的异步操作。

具体步骤,

1、主线程 执行js中所有的代码。

2、主线程 在执行过程中发现了需要异步的任务任务后扔给浏览器(浏览器创建多个线程执行),并在 callback queque 中创建对应的回调函数(回调函数是一个对象,包含该函数是否执行完毕等)。

3、主线程 已经执行完毕所有同步代码。开始监听 callback queque 一旦 浏览器 中某个线程任务完成将会改变回调函数的状态。主线程查看到某个函数的状态为已完成,就会执行该函数。

你可能感兴趣的:(前端)