Synchronous and Asynchronous Execution

Lesson content

🎯 Goal By the end of this lesson, you'll understand: What is Synchronous Execution? What is Asynchronous Execution? Difference between Sync and Async Why Node.js prefers Async Real-world examples Interview questions What is Synchronous Execution? Synchronous execution means tasks are executed one after another . The next task starts only after the current task finishes. Simple Definition: One task at a time. Wait until the current task completes. Real-Life Example 🏦 Imagine standing in a bank queue. Customer 1 │ ▼ Customer 2 │ ▼ Customer 3 Customer 2 must wait until Customer 1 is finished. This is Synchronous Execution . Example console . log( "Start" ); console . log( "Learning Node.js" ); console . log( "End" ); Output Start Learning Node.js End Execution Flow Start │ ▼ Learning Node.js │ ▼ End What is Asynchronous Execution? Asynchronous execution allows long-running tasks to start, while JavaScript continues executing other code. The long-running task completes later. Simple Definition: Don't wait. Start the task and continue with the next one. Real-Life Example 🍕 Imagine ordering a pizza. Order Pizza │ ▼ Pizza is Cooking │ ├──────────────► You watch TV │ ├──────────────► You talk to friends │ ▼ Pizza Ready You don't stand in front of the oven waiting. That's Asynchronous Execution . Example console . log( "Start" ); setTimeout (() => { console . log( "Learning Node.js" ); }, 2000 ); console . log( "End" ); Output Start End Learning Node.js Why? Because setTimeout() is asynchronous. Execution Flow Start │ ▼ setTimeout() │ ├────────────► Wait 2 Seconds │ ▼ End │ ▼ Learning Node.js Synchronous vs Asynchronous Synchronous console . log( "A" ); console . log( "B" ); console . log( "C" ); Output A B C Asynchronous console . log( "A" ); setTimeout (() => { console . log( "B" ); }, 1000 ); console . log( "C" ); Output A C B Why Does This Happen? Node.js sends the timer to the Node.js Runtime (libuv) . Meanwhile, JavaScript continues executing the remaining code. After the timer finishes, the callback is placed in the Event Loop queue and executed. Visualization JavaScript console.log("Start") │ ▼ setTimeout() │ ▼ Node.js Runtime (libuv) │ ▼ console.log("End") │ ▼ 2 Seconds Complete │ ▼ Event Loop │ ▼ console.log("Hello") Synchronous File Reading const fs = require ( "fs" ); const data = fs . readFileSync( "test.txt" , "utf8" ); console . log( data ); console . log( "Done" ); Execution Read File │ ▼ Wait... │ ▼ Print File │ ▼ Done Everything waits until the file is read. Asynchronous File Reading const fs = require ( "fs" ); fs . readFile( "test.txt" , "utf8" , ( err , data ) => { console . log( data ); }); console . log( "Done" ); Output Done (File Content) Execution Read File │ ▼ Background │ ▼ Continue Program │ ▼ Done │ ▼ File Loaded Why Node.js Prefers Asynchronous Code? Imagine a server with 1,000 users . Synchronous User 1 Wait... User 2 Wait... User 3 Wait... Everyone waits. Asynchronous User 1 ─┐ User 2 ─┼──► Background User 3 ─┘ Responses come back independently. The server can handle many requests efficiently. Common Asynchronous Operations Reading files Writing files Database queries API requests Network communication Timers ( setTimeout , setInterval ) Common Synchronous Operations Mathematical calculations Variable assignments Simple loops String manipulation Comparison Table Feature Synchronous Asynchronous Execution One after another Doesn't wait Blocking ✅ Yes ❌ No Performance Slower for I/O tasks Better for I/O tasks Suitable For Small, quick tasks File, network, database operations Real-Life Example 🚗 Synchronous Wash Car │ ▼ Dry Car │ ▼ Drive Car Must finish one task before starting the next. Asynchronous Order Food │ ▼ Food Preparing │ ├──► Watch TV ├──► Read Book └──► Work │ ▼ Food Delivered Interview Question What is the output? console . log( "1" ); setTimeout (() => { console . log( "2" ); }, 0 ); console . log( "3" ); Output 1 3 2 Reason Even though the delay is 0 , the callback is still asynchronous. It is executed after the current synchronous code finishes. Best Practices ✅ Use asynchronous APIs ( fs.readFile , fetch , database drivers) for I/O operations. ✅ Use async/await with Promises for cleaner asynchronous code. ✅ Use synchronous methods only for quick startup tasks or scripts where blocking is acceptable. ❌ Avoid synchronous file or database operations in production servers because they block the event loop. Key Points ✅ Synchronous code runs one statement at a time. ✅ Asynchronous code allows other work to continue while waiting. ✅ Node.js is designed for asynchronous, non-blocking I/O. ✅ setTimeout() and fs.readFile() are asynchronous. ✅ fs.readFileSync() is synchronous. ✅ The Event Loop executes asynchronous callbacks after synchronous code completes. 🧠 Easy Formula Need immediate execution? │ ▼ Synchronous Need to wait for file, API, or database? │ ▼ Asynchronous Synchronous → Wait → Next Task Asynchronous → Start → Continue → Finish Later Remember: ⏳ Synchronous = Wait for each task ⚡ Asynchronous = Start the task and continue working 🚀 Node.js uses asynchronous execution to efficiently handle many operations at the same time without blocking the main thread.