js系列四十:异步与同步

同名公众号 - 人生代码

于 2019-04-14 09:07:14 发布

阅读量463

点赞数

CC 4.0 BY-SA版权

分类专栏： js系列四十:异步与同步大厂面试题：每天带你一道大厂面试题文章标签： js系列四十:异步与同步

本文链接：https://blog.youkuaiyun.com/qq_36772866/article/details/89292775

144 篇文章 ¥79.90 ¥99.00

订阅专栏

1 篇文章

订阅专栏

本文探讨JavaScript中的异步与同步概念。同步意味着代码执行会等待请求完成；而异步则允许代码在等待结果的同时继续执行。通过一个双人问答场景举例，异步如同不等待回答就继续提问，同步则是等待回答后再进行。文中还通过Promise和async/await语法展示了它们在实际代码中的应用差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

什么是异步?什么是同步?在代码中我们经常会涉及到两个不同的概念,她们就是同步与异步.
同步:是指发起一个请求时, 如果未得到请求结果,代码将会一直等待,直到结果出来,才会执行后面的代码.
异步:是指当发起一个请求时,不会等待请求结果,而是直接继续执行后面的代码.

我们可以用一个双人问答的场景来比喻异步与同步,A向B问了一个问题之后,然后就笑呵呵的等待B的回答,B回答之后A才会接着问下一个问题,这是同步,A向B问了一个问题之后,不等待B的回答接着问下一个问题,这就是异步.

在javascript中,也可以用代码来表示他们之间的区别.
首先使用promise模拟一个发起请求的函数,该函数执行后,会在1s之后返回数值30.

function fn() {
	return new Promise(function(resolve, reject) {
		setTimeout(function() {
			resolve(30);
		}, 1000)
	})
}

该函数的基础上,可以使用async/await语法来模拟同步的效果.

var foo = async function() {
	var t = await fn();
	console.log(t);
	console.log("next code");
}

foo();

// 1s之后输出
30
next code

而异步效果则不会有同样的效果.

var foo = function() {
	fn().then(function(resp) {
		console.log(resp);
	});
	console.log("next code");
}

输出结果

next code 
// 暂停1s之后输出
30