小粋空間  -  a cheap joke and a play on words site

setTimeout()やsetInterval()で引数を渡す方法

setTimeout()やsetInterval()で引数を渡す方法を紹介します。

１．問題点

setTimeout()やsetInterval()で変数paramの値を起動先の関数fooに渡したいので次のように記述しましたが、期待通りの動作になりません。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
function foo(message) {
    alert(message);
}
$(function() {
    var param = "Hello!!";
    window.setTimeout(function(){foo(param)}, "1000");
});
</script>

コンソールでチェックすると「ReferenceError: param is not defined」というエラーになります。

２．setTimeout()やsetInterval()で引数を渡す

１項でエラーとなるのは、変数を文字列として扱っているためと思われます。

setTimeout()やsetInterval()で変数をパラメータとして渡したい場合、文字列結合させればOKとなります。

window.setTimeout("foo(" + param + ")", "3000");

または第1パラメータを無名関数に書き換えるという方法もあります。

window.setTimeout(function(){ foo(param) }, "3000");

３．その他

なお、下記のようにjQueryを介さない記述であればエラーとならないようです。

<script>
function foo(message) {
    alert(message);
}
var param = "hello";
window.setTimeout("foo(param)", "3000");
</script>