<address id="lrx17"><dfn id="lrx17"><mark id="lrx17"></mark></dfn></address>

<sub id="lrx17"><listing id="lrx17"><mark id="lrx17"></mark></listing></sub>

      <address id="lrx17"></address>
    <sub id="lrx17"></sub>

    <font id="lrx17"><var id="lrx17"><output id="lrx17"></output></var></font>

    <sub id="lrx17"><var id="lrx17"><output id="lrx17"></output></var></sub>

    <address id="lrx17"><dfn id="lrx17"></dfn></address>
      <address id="lrx17"></address>

    setTimeout() 引發的新認識

    2020/11/12 12:01:29   閱讀:1376    發布者:1376
    setTimeout() 方法用于在指定的毫秒數后調用函數或計算表達式。

    看到這樣一個說明,我們明白了它就是一個定時器,我們設定的函數就是一個"鬧鐘",時間到了它就會去執行


    <script>
            alert(1); 
            setTimeout("alert(2)", 0); 
            alert(3); 

        </script>


    如果settimeout(0)會立即執行,那么這里的執行結果就應該是1->2>3  . 然而實際的結果卻是1->3->2. 這說明了settimeout(0)并不是立即執行


    引擎單線程執行的,它是基于事件驅動的語言.它的執行順序是遵循一個叫做事件隊列的機制.從圖中我們可以看出,瀏覽器有各種各樣的線程,比如事件觸發器,網絡請求,定時器等等.線程的聯系都是基于事件的.js引擎處理到與其他線程相關的代碼,就會分發給其他線程,他們處理完之后,需要js引擎計算時就是在事件隊列里面添加一個任務. 這個過程中,js并不會阻塞代碼等待其他線程執行完畢,而且其他線程執行完畢后添加事件任務告訴js引擎執行相關操作.這就是js的異步編程模型.

    如此我們再回過頭來看settimeout(0)就會恍然大悟.js代碼執行到這里時,會開啟一個定時器線程,然后繼續執行下面的代碼.該線程會在指定時間后往事件隊列里面插入一個任務.由此可知settimeout(0)里面的操作會放在所有主線程任務之后. 這也就解釋了為什么第一個實驗結果是1->3-2 


    當一個事件被觸發時該線程會把事件添加到待處理隊列的隊尾,等待JS引擎的處理。這些事件可來自JavaScript引擎當前執行的代碼塊如setTimeOut、也可來自瀏覽器內核的其他線程如鼠標點擊、AJAX異步請求等,但由于JS的單線程關系所有這些事件都得排隊等待JS引擎處理。
    欧美性开放BBW