JavaScriptsetTimeout使用閉包功能實現定時打印數值_javascript技巧

這段代碼雖然依次打印了,每個i的值0,1,2,3,4.但是,執行的時間卻沒有起作用.為什么呢? 因為 console.log() 是方法的執行調用,在調用這個方法后,當是馬上執行!,所以沒有達到我們預期的目的。

那我們繼續看下面一段代碼

這里我們使用一個匿名函數包含了打印的console.log來打印i,所以 i這個值是共享的,還沒等到執行第一個setTimeout的時候,for循環已經執行完成,最后的i = 5,所以i 會打印四次 其實我們兩種解決辦法,我們先來看第一種:

這里我們另外一個全局變量來存儲值,每執行一次函數abc,j就加一次,所以執行到setTimeout的時候,就會調用abc函數,所以會達到我們預期的效果,但是這里這個j是一個全局變量,全局變量會造成容易改變其值或者命名沖突等問題. 第二種辦法的實現,我們再次引入閉包函數.因為閉包函數,每一次創建都會存在一個自己的空間來存儲唯一的值.所以利用這個思維.我們把代碼寫成下面的代碼.

我們將i的每一次執行for循環的值,傳給不同創建的閉包函數,這樣每一個閉包函數里存儲的i值,就都不會一樣.所以就是達到我們的想要的結果.

ps：使用閉包對setTimeout進行簡單封裝

在寫js腳本時，經常會用到一些拼寫函數的情況，例如調用setTimeout

查了很長時間，為什么就是彈不出對話框呢。檢查了很長時間才發現，原來是少了一對單引號

這樣的寫法容易出錯，還不容易檢查出錯誤，如果使用閉包就可完全避免，改寫如下

由于使用了閉包，也簡單了很多，檢查錯誤也很容易了

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com