master

分支 (1)

管理

管理

master

js-event-loop
/
callback1.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Event Loop</title>
</head>

<body>

</body>

<script>
    console.log('Hello');
    //setTimeout 函数：
    // - 创建定时器，由【Web APIs 模块】管理
    // - 到达时间后，Web APIs 模块会将回调函数会被放入任务队列
    setTimeout(() => console.log('callback1 - timeout=0'), 0);
    setTimeout(() => console.log('callback2 - timeout=0'), 0);
    console.log('Hi');
    // 任务队列：主线程执行完后，从任务队列的头部取任务进行执行
    //          具体的就是将任务中的回调函数入栈（调用栈）
    /*
    执行结果：
    ----------------------------
    Hello
    Hi
    callback1 - timeout=0
    callback2 - timeout=0
    */
</script>

</html>