js定时器与事件函数处理机制

最新推荐文章于 2023-07-16 17:20:49 发布

babybk

最新推荐文章于 2023-07-16 17:20:49 发布

阅读量1.8k

点赞数 1

分类专栏： js代码解析原理 javasctipt 文章标签：函数 javascript

本文链接：https://blog.youkuaiyun.com/babybk/article/details/51273477

版权

javasctipt 同时被 2 个专栏收录

62 篇文章

订阅专栏

js代码解析原理

3 篇文章

订阅专栏

 <!doctype html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>js定时器与事件函数处理机制</title>
 </head>
 <body>
    <input type="button" value="点击" id="btn"/>
    <script type="text/javascript">
    var oBtn = document.getElementById('btn')
    // var timer = setTimeout(function () {
        //alert(i);
    // },1000);

    var i = 0;

    oBtn.onclick = function(){
        i = 6;

    }
    alert(i);
    /*
        通过以上代码不难看出javascript的定时器与事件函数处理机制一样:
            当js解析时遇到定时器和事件函数的时候都是把右边的一坨丢向左边的一坨，但不会立马
            执行和处理，都是等到触发事件函数或定时器的时候在执行
    */

    </script>
 </body>
 </html>