您好,欢迎访问代理记账网站
  • 价格透明
  • 信息保密
  • 进度掌控
  • 售后无忧

JS中的同步和异步

一.单线程
(1) 单线程的概念
JavaScript是一门单线程的语言,因此,JavaScript在同一个时间只能做一件事,单线程意味着,如果在同个时间有多个任务的话,这些任务就需要进行排队,前一个执行完,才会执行下一个任务,为了解决这个问题我们在下面会介绍同步和异步

<script>
	// 同步代码
	function aa(){
		console.log(1)
	}
	function bb(){
		console.log(2)
	}
	aa()
	bb()

	// 输出结果   1   2
</script>

(2) 为什么是单线程
JavaScript的单线程,与它的用途有很大关系,JavaScript作为浏览器的脚本语言,主要用来实现与用户的交互,利用JavaScript我们可以对DOM的各种操作,如果JavaScript是多线程的话,一个添加内容,一个删除节点,这样就会带来很复杂的问题,所以,JavaScript是单线程的.

二.同步任务和异步任务
(1) 为什么有同步和异步
因为JavaScript在设计的时候,就已经考虑到这个问题,主线程可以完全不用等待文件的读取完毕或ajax的加载成功,因此,任务可以分为同步任务和异步任务
(2) 同步任务
同步任务是指在主线程上排队执行的任务,只有前一个任务执行完毕,才能执行下一个任务
(3) 异步任务
异步任务是指不进入主线程,而进入任务队列的任务,只有任务列队通知主线程,某个异步任务可以执行了,该任务才会进入主线程

<script>
	function fun1() {
  		console.log(1);
	}
	function fun2() {
  		console.log(2);
	}
	function fun3() {
  		console.log(3);
	}
	fun1();
	setTimeout(function(){
  		fun2();
	},0);
	fun3();
	// 输出 1 3 2
</script>

(4) 异步机制
JavaScript的异步机制包含以下几个步骤:

  1. 所有同步任务都在主线程上执行,形成一个执行栈
  2. 主线程之外,还存在一个任务队列,只要异步任务有了结果,就会在任务队列中放置一个事件
  3. 一但执行栈中的所有同步任务执行完毕,系统就会读取任务队列,看看里面还有那些事件,那些对应的异步任务,于是结束等待状态,进入执行栈,开始执行
  4. 主线程不断的重复上面的第三步

分享:

低价透明

统一报价,无隐形消费

金牌服务

一对一专属顾问7*24小时金牌服务

信息保密

个人信息安全有保障

售后无忧

服务出问题客服经理全程跟进