jquery - すでに定義されている関数にアクセスできません

Question

私はjQueryを使用しており、頭から呼び出された外部Javascriptファイルには次のものがあります:

$(document).ready( function() {
    var localDb = null;
    function updateLocalStorage() {
        // localDb is set here
    }
} );

ページの下部で、document.ready を使用して新しいセクションを開始しますが、localDb変数にもupdateLocalStorage関数にもアクセスできません。

$(document).ready( function() {
    updateLocalStorage();
} );

「Uncaught ReferenceError: updateLocalStorage が定義されていません」というエラーが表示されます。なぜこれが起こっているのですか? また、以前に定義された関数にアクセスするにはどうすればよいですか?

score 3 · Accepted Answer

その準備ができたハンドラーからのみアクセスできるローカル内部関数として updateLocalStorage を定義しています。ローカル変数 localDb の場合も同様です。

$(document).ready()呼び出しの外で関数と変数を定義するとうまくいきます。

score 0 · Accepted Answer

なぜそうしないのですか：

$(document).ready(updateLocalStorage());
function updateLocalStorage() { // localDb is set here     }

score 0 · Accepted Answer

これは、匿名関数内に関数をラップしているためです。したがって、そのスコープ内でのみ使用できます。次のように関数をグローバルスコープにエクスポートする必要があります。

$(document).ready( function() {
    var localDb = null;

    function updateLocalStorage(){
        // localDb is set here
    }

    window.updateLocalStorage = updateLocalStorage;
});

関数をドキュメント内にラップする必要はありません。グローバルスコープを制御するためのより良い方法は、必要なコードを実行するための自己呼び出し匿名関数です。

(function(){

    var updateLocalStorage = function()
    {
    }

    $(document).ready(updateLocalStorage);

})();

score 0 · Accepted Answer

を使用した方が良いでしょう

var updateLocalStorage;

$(document).ready( function() {
    var localDb = null;
    updateLocalStorage = function () {
        // localDb is set here
    }
} );

後で関数で使用します。

jquery - すでに定義されている関数にアクセスできません

4 に答える 4

Related

Reference