andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add JS sync vs async question

Browse Source
This commit is contained in:
Chalarangelo
2021-11-06 20:32:38 +02:00
parent ec7d00e98c
commit 04ee60671b
1 changed files with 29 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
blog_posts/javascript-sync-async.md Normal file
View File

@ -0,0 +1,29 @@
---
title: What is the difference between synchronous and asynchronous code in JavaScript?
type: question
tags: javascript,function,promise
authors: chalarangelo
cover: blog_images/pineapple-on-green.jpg
excerpt: Understanding the differences between synchronous and asynchronous code is a crucial piece of knowledge for every web developer.
firstSeen: 2021-11-14T05:00:00-04:00
---
Synchronous code runs in sequence. This means that each operation must wait for the previous one to complete before executing.
```js
console.log('One');
console.log('Two');
console.log('Three');
// LOGS: 'One', 'Two', 'Three'
```
Asynchronous code runs in parallel. This means that an operation can occur while another one is still being processed.
```js
console.log('One');
setTimeout(() => console.log('Two'), 100);
console.log('Three');
// LOGS: 'One', 'Three', 'Two'
```
Asynchronous code execution is often preferable in situations where execution can be blocked indefinitely. Some examples of this are network requests, long-running calculations, file system operations etc. Using asynchronous code in the browser ensures the page remains responsive and the user experience is mostly unaffected.