Javascript asynchronous

Javascript asynchronous

• 1.
  Call Stack WebAPI Task Queue Event Loop Console
• 2.
  Call Stack WebAPI Task Queue Event Loop Console Global Execution Context
• 3.
  Call Stack Task Queue EventLoop console.log('Call Stack !'); Console Web API Global Execution Context
• 4.
  Task Queue Event Loop Console CallStack ! Web API Call Stack console.log('Call Stack !'); Global Execution Context
• 5.
  Task Queue Event Loop Console CallStack ! Web API Call Stack Global Execution Context
• 6.
  Call Stack Task Queue EventLoop setTimeout(function() { ... }, 5000); Console Call Stack ! Web API Global Execution Context
• 7.
  Task Queue Event Loop Console CallStack ! Web API 5000 ms 타이머 function() { console.log('Task Queue !'); } Call Stack setTimeout(function() { ... }, 5000); Global Execution Context
• 8.
  Task Queue Event Loop Console CallStack ! Web API 5000 ms 타이머 function() { console.log('Task Queue !'); } Call Stack Global Execution Context
• 9.
  Task Queue Event Loop Console CallStack ! Web API 5000 ms 타이머 function() { console.log('Task Queue !'); } Call Stack console.log('Call Stack 2 !'); Global Execution Context
• 10.
  Task Queue Event Loop Console CallStack ! Call Stack 2 ! Web API 5000 ms 타이머 function() { console.log('Task Queue !'); } Call Stack console.log('Call Stack 2 !'); Global Execution Context
• 11.
  Task Queue Event Loop Console CallStack ! Call Stack 2 ! Web API 5000 ms 타이머 function() { console.log('Task Queue !'); } Call Stack Global Execution Context
• 12.
  Task Queue Event Loop Console CallStack ! Call Stack 2 ! Web API 5000 ms 타이머 function() { console.log('Task Queue !'); } Call Stack
• 13.
  Task Queue Event Loop Console CallStack ! Call Stack 2 ! Web API 5000 ms 타이머 끝 ! function() { console.log('Task Queue !'); } Call Stack
• 14.
  Task Queue Event Loop Console CallStack ! Call Stack 2 ! Web API function() { console.log('Task Queue !'); } Call Stack
• 15.
  Task Queue Event Loop Console CallStack ! Call Stack 2 ! Web API Call Stack function() { console.log('Task Queue !'); }
• 16.
  Task Queue Event Loop Console CallStack ! Call Stack 2 ! Web API Call Stack function() { console.log('Task Queue !'); } console.log('Task Queue !');
• 17.
  Task Queue Event Loop Console CallStack ! Call Stack 2 ! Task Queue ! Web API Call Stack function() { console.log('Task Queue !'); } console.log('Task Queue !');
• 18.
  Task Queue Event Loop Console CallStack ! Call Stack 2 ! Task Queue ! Web API Call Stack function() { console.log('Task Queue !'); }
• 19.
  Task Queue Event Loop WebAPI Call Stack Console Call Stack ! Call Stack 2 ! Task Queue !