เครื่องมือแสดง Event Loop ของ JavaScript
แสดง Event Loop ของ JavaScript พร้อม Call Stack, Task Queue และ Microtask Queue แบบโต้ตอบ
console.log("Start");
setTimeout(() => {
console.log("setTimeout");
}, 0);
Promise.resolve().then(() => {
console.log("Promise");
});
console.log("End");ช้าเร็ว
ว่างCall Stack
(ว่าง)
Web APIs / Timer
(ว่าง)
Microtask Queue
(ว่าง)
Task Queue (Macrotask)
(ว่าง)
(ว่าง)
Call Stack
Microtask Queue
Task Queue (Macrotask)
Web APIs / Timer
Console Output
ทำความเข้าใจ Event Loop ของ JavaScript
Event Loop ของ JavaScript จัดการการทำงานแบบอะซิงโครนัส callback ของ setTimeout ไปที่ task queue ส่วน callback ของ Promise ไปที่ microtask queue
แนวคิดหลัก
- Call Stack ทำงานโค้ดแบบซิงโครนัสก่อน
- Microtask มีความสำคัญเหนือ Macrotask
- ทุก Macrotask จะตามด้วย Microtask ทั้งหมด
- Event Loop ตรวจสอบ Queue เมื่อ Stack ว่างเท่านั้น
- Web API ทำงานนอก Main Thread
คำถามที่พบบ่อย
เครื่องมือที่เกี่ยวข้อง
ให้คะแนนเครื่องมือนี้
3.8 / 5 · 109 คะแนน
อัปเดตข่าวสาร
รับเคล็ดลับการพัฒนาและเครื่องมือใหม่ทุกสัปดาห์
ไม่มีสแปม ยกเลิกได้ตลอดเวลา
Enjoy these free tools?
☕Buy Me a CoffeeHow to Use
- Enter or paste your data in the input field
- Configure any options if available
- Click the action button to process
- Copy the result to your clipboard
Use Cases
- Development and debugging workflows
- Data format conversion
- Code generation and formatting
- Quick calculations and validation