setTimeout傳參

我們最先想到是這樣：

setTimeout(doSomething1(123),1000);function doSomething1(content){console.log(content); }

但是這樣寫，123立馬打印出來，并沒有等待1s。這是因為，這樣寫會直接調用doSomething1(123),然后將其返回的結果作為第一個參數運行setTimeout,分解開就是：

var temp = doSomething1(123); setTimeout(temp,1000);

所以，既然temp是返回值，如果temp是一個函數那就達到我們的目的了，可以這樣寫：

ssetTimeout(doSomething1(123),1000);//這樣就可以了 function doSomething2(content){return function(){console.log(content);} }

onclick傳參

和上面道理一樣，也是不能直接傳參：

var box = document.getElementById("box"); box.addEventListener("click",doSomething1("123"))function doSomething1(content){console.log(content);}

修改如下就可以：

var box = document.getElementById("box"); box.addEventListener("click",doSomething2("123"))function doSomething2(content){return function(){console.log(content);}}

這樣我們也理解了，為什么box.addEventListener("click",onClick())也不行，而只能是box.addEventListener("click",onClick)了。

然而，修改之后雖然可以傳參了，但是返回的是一個匿名函數，也就是說，這個事件監聽沒有辦法取消。所以，還是不要用傳參比較好，可以使用全局變量。

---

總之，函數作為另一個函數的參數時，就要小心：是傳入函數對象，而不是函數調用后的結果

總結

以上是生活随笔為你收集整理的从setTimeout，onclick传参看js函数作为参数的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。