Sign in
Sign up
Explore
Enterprise
Education
Search
Help
Terms of use
About Us
Explore
Enterprise
Education
Gitee Premium
Gitee AI
AI teammates
Sign in
Sign up
Fetch the repository succeeded.
Donate
Please sign in before you donate.
Cancel
Sign in
Scan WeChat QR to Pay
Cancel
Complete
Prompt
Switch to Alipay.
OK
Cancel
Watch
Unwatch
Watching
Releases Only
Ignoring
3
Star
47
Fork
23
DreamCoders
/
CoderGuide
Code
Issues
1169
Pull Requests
0
Wiki
Insights
Pipelines
Service
JavaDoc
PHPDoc
Quality Analysis
Jenkins for Gitee
Tencent CloudBase
Tencent Cloud Serverless
悬镜安全
Aliyun SAE
Codeblitz
SBOM
DevLens
Don’t show this again
Update failed. Please try again later!
Remove this flag
Content Risk Flag
This task is identified by
as the content contains sensitive information such as code security bugs, privacy leaks, etc., so it is only accessible to contributors of this repository.
说说同步和异步的区别?
Backlog
#IAG9OT
陌生人
owner
Opened this issue
2024-07-29 16:07
<ul><li style="text-align: start;"><strong>同步:</strong>浏览器访问服务器请求,用户看得到页面刷新,重新发请求,等请求完,页面刷新,新内容出现,用户看到新内容,进行下一步操作</li><li style="text-align: start;"><strong>异步:</strong>浏览器访问服务器请求,用户正常操作,浏览器后端进行请求。等请求完,页面不刷新,新内容也会出现,用户看到新内容</li></ul><h4 style="text-align: start;">执行顺序不同</h4><p style="text-align: start;">同步:在JavaScript中,同步操作意味着代码的执行顺序是从上到下,每一行代码都必须等上一行代码执行完毕后,才能进行下一行代码的执行。</p><p style="text-align: start;">异步:异步操作则允许我们在等待某些操作完成的同时进行其他操作。异步操作不会阻塞后面代码的执行,当异步操作完成时,通常会通过回调函数的方式通知我们。</p><h4 style="text-align: start;">阻塞与非阻塞不同</h4><p style="text-align: start;">同步:由于同步代码必须按照顺序一行一行地执行,因此如果某个操作特别耗时,例如读取大文件、下载等,就会造成整个程序“阻塞”,影响了用户的体验。</p><p style="text-align: start;">异步:异步操作不会阻塞代码的执行。当异步操作完成,会在适当的时候插入主线程中继续执行。这样可以避免因等待耗时操作而阻塞主线程。</p><h4 style="text-align: start;">使用场景不同</h4><p style="text-align: start;">同步:适用于一些依赖先后顺序的操作,例如:需要先登录后才能获取用户信息。</p><p style="text-align: start;">异步:适用于耗时的IO操作,例如网络请求、文件读写等。使得这些操作不会阻塞主线程的执行,提高了程序的性能。</p><h4 style="text-align: start;">代码结构不同</h4><p style="text-align: start;">同步:代码结构简单直观,但是由于必须等待前一个操作完成后才能执行下一个操作,所以可能会导致程序的效率低下。</p><p style="text-align: start;">异步:代码结构相对复杂,但是可以大大提高程序的执行效率。在JavaScript中,异步编程常常通过回调函数、Promise、Async/Await等方式来实现。</p><p><br></p><h4 style="text-align: start;"><strong>拓展阅读</strong></h4><p style="text-align: start;"><strong>同步的概念</strong></p><p style="text-align: start;">在计算机编程中,同步事件是指一次只能处理一个事件的情况。</p><p style="text-align: start;"><strong>异步的概念</strong></p><p style="text-align: start;">异步是程序设计的一种方式,可以在等待某些操作的同时进行其他操作,不会阻塞后面代码的执行。</p>
<ul><li style="text-align: start;"><strong>同步:</strong>浏览器访问服务器请求,用户看得到页面刷新,重新发请求,等请求完,页面刷新,新内容出现,用户看到新内容,进行下一步操作</li><li style="text-align: start;"><strong>异步:</strong>浏览器访问服务器请求,用户正常操作,浏览器后端进行请求。等请求完,页面不刷新,新内容也会出现,用户看到新内容</li></ul><h4 style="text-align: start;">执行顺序不同</h4><p style="text-align: start;">同步:在JavaScript中,同步操作意味着代码的执行顺序是从上到下,每一行代码都必须等上一行代码执行完毕后,才能进行下一行代码的执行。</p><p style="text-align: start;">异步:异步操作则允许我们在等待某些操作完成的同时进行其他操作。异步操作不会阻塞后面代码的执行,当异步操作完成时,通常会通过回调函数的方式通知我们。</p><h4 style="text-align: start;">阻塞与非阻塞不同</h4><p style="text-align: start;">同步:由于同步代码必须按照顺序一行一行地执行,因此如果某个操作特别耗时,例如读取大文件、下载等,就会造成整个程序“阻塞”,影响了用户的体验。</p><p style="text-align: start;">异步:异步操作不会阻塞代码的执行。当异步操作完成,会在适当的时候插入主线程中继续执行。这样可以避免因等待耗时操作而阻塞主线程。</p><h4 style="text-align: start;">使用场景不同</h4><p style="text-align: start;">同步:适用于一些依赖先后顺序的操作,例如:需要先登录后才能获取用户信息。</p><p style="text-align: start;">异步:适用于耗时的IO操作,例如网络请求、文件读写等。使得这些操作不会阻塞主线程的执行,提高了程序的性能。</p><h4 style="text-align: start;">代码结构不同</h4><p style="text-align: start;">同步:代码结构简单直观,但是由于必须等待前一个操作完成后才能执行下一个操作,所以可能会导致程序的效率低下。</p><p style="text-align: start;">异步:代码结构相对复杂,但是可以大大提高程序的执行效率。在JavaScript中,异步编程常常通过回调函数、Promise、Async/Await等方式来实现。</p><p><br></p><h4 style="text-align: start;"><strong>拓展阅读</strong></h4><p style="text-align: start;"><strong>同步的概念</strong></p><p style="text-align: start;">在计算机编程中,同步事件是指一次只能处理一个事件的情况。</p><p style="text-align: start;"><strong>异步的概念</strong></p><p style="text-align: start;">异步是程序设计的一种方式,可以在等待某些操作的同时进行其他操作,不会阻塞后面代码的执行。</p>
Comments (
0
)
Sign in
to comment
Status
Backlog
Backlog
Doing
Done
Closed
Assignees
Not set
Labels
Html/JS/CSS
Not set
Label settings
Milestones
No related milestones
No related milestones
Pull Requests
None yet
None yet
Successfully merging a pull request will close this issue.
Branches
No related branch
Branches (
-
)
Tags (
-
)
Planed to start   -   Planed to end
-
Top level
Not Top
Top Level: High
Top Level: Medium
Top Level: Low
Priority
Not specified
Serious
Main
Secondary
Unimportant
参与者(1)
1
https://gitee.com/DreamCoders/CoderGuide.git
git@gitee.com:DreamCoders/CoderGuide.git
DreamCoders
CoderGuide
CoderGuide
Going to Help Center
Search
Git 命令在线学习
如何在 Gitee 导入 GitHub 仓库
Git 仓库基础操作
企业版和社区版功能对比
SSH 公钥设置
如何处理代码冲突
仓库体积过大,如何减小?
如何找回被删除的仓库数据
Gitee 产品配额说明
GitHub仓库快速导入Gitee及同步更新
什么是 Release(发行版)
将 PHP 项目自动发布到 packagist.org
Comment
Repository Report
Back to the top
Login prompt
This operation requires login to the code cloud account. Please log in before operating.
Go to login
No account. Register