关于setTimeout和setInterval的函数参数问题
今天在寫驗(yàn)證碼倒計(jì)時小demo時,用了如下代碼:
window.setTimeout(count(num),1000);這樣直接使用將使count函數(shù)立即執(zhí)行,并將返回值傳遞給setTimeout函數(shù)作為參數(shù),其結(jié)果并不是真正需要的,所以會出現(xiàn)問題。
方法一
使用字符串形式可以達(dá)到想要的結(jié)果:
window.setTimeout("count(num)",1000);這是我以前常用的方法。
但這種寫法是將函數(shù)包在引號里,有點(diǎn)像字符串,不夠直觀。
而且有些場合必須使用函數(shù)名,于是上網(wǎng)查閱了以下方法:
方法二
//倒計(jì)時函數(shù) function count(_num){ ... } //創(chuàng)建一個函數(shù),用于返回一個無參數(shù)函數(shù) function _count(_num){ return function(){ count(_num); } } //這里30是實(shí)參 window.setTimeout(_count(30),1000);這里定義了一個函數(shù)_count,用于接收一個參數(shù),并返回一個不帶參數(shù)的函數(shù),在這個函數(shù)內(nèi)部使用了外部函數(shù)的參數(shù),從而對其調(diào)用,不需要使用參數(shù)。
在 window.setTimeout函數(shù)中,使用_count(30)來返回一個不帶參數(shù)的函數(shù),此時不需要用引號也實(shí)現(xiàn)了參數(shù)傳遞的功能。
其實(shí)還可以直接寫成:
window.setTimeout(function(){count(30);},1000);另外也有人通過修改setTimeout、setInterval來實(shí)現(xiàn)。即:
方法三
//功能函數(shù) function count(_num){... }//*============================================================= //* 功能: 修改 window.setInterval ,使之可以傳遞參數(shù)和對象參數(shù) //* 方法: setInterval (回調(diào)函數(shù),時間,參數(shù)1,,參數(shù)n) 參數(shù)可為對象:如數(shù)組等 //*============================================================= var __sto = setInterval; window.setInterval = function(callback,timeout,param){ var args = Array.prototype.slice.call(arguments,2); var _cb = function(){ callback.apply(null,args); } __sto(_cb,timeout); } //這里參數(shù)就變成了(函數(shù)名,間隔時間,原函數(shù)需要的實(shí)參) window.setInterval(count,1000,30);此方法實(shí)際將原函數(shù)的參數(shù)數(shù)組改造了一下,看懂還是比較容易,先摘抄過來以備不時之用。
更多專業(yè)前端知識,請上 【猿2048】www.mk2048.com 創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯,堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎
總結(jié)
以上是生活随笔為你收集整理的关于setTimeout和setInterval的函数参数问题的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: react-native 热更新reac
- 下一篇: 用js写水仙花数