JS 計時器參數剖析與真題
JS 計時器參數剖析與真題
HTML5學堂-碼匠：計時器的第一個參數，包含幾種不同的書寫方法，可以是函數名，匿名函數，JS代碼字符串，還有一些面試題當中會出現“函數調用”的書寫方式。
那麽，這些不同的書寫方法分別表示什麽呢？在計時器中出現的第一個參數，作用域又是在哪裏創建的？
計時器的第一個參數
函數名的書寫方法
這是最為常見的一種書寫方法，該方法表示的是，在固定毫秒之後，將這個函數名的函數添加到執行隊列當中，讓其執行。
字符串式的書寫方法
當一個函數有參數時，很多人會采用這樣的調用方法。
setTimeout 和 setInterval 都可以接受字符串（作為第一個參數），但是並不推薦使用這種書寫方法。原因在於：為了能夠運行，會在代碼執行時，將字符串通過eval方法進行轉換。
eval方法，其作用就是把字符串當做JS去執行。eval雖然能夠解決很多問題，有很大的作用，但是也廣為詬病，其性能問題，安全性問題，以及在JS嚴格模式與非嚴格模式的不同。
由於這些缺點，使得眾多開發者在項目和代碼中，盡量規避了對它的使用。
匿名函數的書寫方法
當函數有參數要傳遞，而又不能使用字符串式的書寫方法，此時，匿名函數的書寫方法就派上了用場。
函數調用的書寫方法
這種書寫方法，本身是錯誤的，幾乎在實際開發當中是無法找到的。當然在偶爾會在面試當中以“坑”的形式出現……
此處第一個函數會在執行到計時器這行代碼時，立即執行，而返回的是h5course函數的返回值，而非函數本身。如果函數返回默認返回值undefined，setInterval也不會報錯。
第一個參數的作用域歸屬
計時器第一個參數會在全局作用域中執行，因此函數內的 ‘this‘將會指向這個全局對象
運行結果為true
運行結果為true
來幾道計時器的面試真題練練手
每次打印結果是什麽
Tips：答案請見文章底部
碼匠 兩個字多久會打印出來
Tips：答案請見文章底部
請說出如下代碼運行情況
Tips：答案請見文章底部
總而言之，言而總之
當要執行的函數沒有參數時，可以直接使用函數名調用
當需要向回調函數中傳遞參數時，不要使用字符串做參數，使用匿名函數做參數，並在匿名函數內部執行回調函數。
函數會在全局作用域中進行執行
三道面試真題的答案
第一題：先輸出10，之後大概1秒後，同時輸出10個10。
第二題：約1000毫秒（即約1秒）
第三題：在函數執行時，兩個li的背景顏色立即被設置為了紅色，經過大概5000毫秒之後，控制臺報錯（兩個錯誤），錯誤內容均為“red is not defined”
開開心心每一天
生活艱辛，代碼不易，但，不要忘記微笑！
版權聲明：該圖來自“【美】莉茲·克裏莫 (author)”的書籍《你今天真好看》
JS 計時器參數剖析與真題