javascript - タイムアウト後に HTML を変更できません

Question

何らかの理由で、javascript のタイムアウト後に HTML を変更できません。私が使用しているコードは次のとおりです。

setTimeout("$(\"#display p\").html(newDescription);", 250);

これに何か問題がありますか？タイムアウトを削除すると、スクリプトは完全に機能します。そのバージョンは次のとおりです。

$("#display p").html(newDescription);

それが違いを生むなら、私はChrome 22を実行しています

score 5 · Accepted Answer

はい、最初の引数は関数である必要があります。

var newDescription = 'The Description';
setTimeout(function(){
  $("#display p").html(newDescription);
}, 250);

また

var newDescription = 'The Description',
    myfunc = function(){
       $("#display p").html(newDescription);
    };

setTimeout(myFunc, 250);

さらにnewDescription、関数にアクセスできるスコープ内にある必要があります。

score 2 · Accepted Answer

文字列を setTimeout に渡すと、コードはグローバルスコープで評価されます。多くの場合、newDescriptionはローカル変数であるため、250 ミリ秒のタイムアウト後にコードが評価されると使用できなくなります。

eval() を使用してはならないのと同じ理由で、文字列を setTimeout() に渡してはいけません。関数を渡すことにより、スコープ変数を保持し、JavaScript エンジンが関数を最適化できるため、パフォーマンスが向上します (文字列引数のコードを最適化することはできません)。

var newDescription = "My fancy new description";
setTimeout(function(){
    $("#display p").html(newDescription);
}, 250);

2 に答える 2