文字列名の$（document）.ready関数でjavacript関数を呼び出す

Question

この関数が定義されている場合にのみ、関数を呼び出す必要があります。私は、ノードまたはブラウザのコンソールで次のコードを試してみると、その作業です。

slurp = function() { console.log('slurp'); } 
slurp_callable = ('slurp' in this && typeof(this['slurp']) == 'function'); 
console.log('slurp is callable (this)?', slurp_callable); 
if (slurp_callable) { this['slurp'](); } 

しかし、私は（jqueryのを使用して）準備ができて、ドキュメントを待つ場合：

$(document).ready(function() { 
    console.log("ready!"); 
    slurp = function() { console.log('slurp'); } 
    console.log('slurp is callable (this)?', ('slurp' in this && typeof(this['slurp']) == 'function')); //False 
    console.log('slurp is callable (self)?', ('slurp' in self && typeof(self['slurp']) == 'function')); //true 
}); 

それは自分のために、このための偽と真の私を返します。

私は自己が私の以前のこの値であることを理解していますが、これはいつ変更されたのですか？

自己を使用せずに関数をチェックして$（document）.readyにする方法はありますか？

Answer 1

基本的selfはを指しますwindow.self（オーバーライドしない場合）ここで

slurp = function() { console.log('slurp'); } 

あなたはそれゆえslurpがwindowに割り当てられてしまいます、var/let/..定義する方法を言及していません。

ので、このコードは

('slurp' in self && typeof(self['slurp']) == 'function') 

が

('slurp' in window.self && typeof(window.self['slurp']) == 'function'). 

また

window.self == windowに等しく、です。あなたは結果としてtrueを得ています。

Answer 2

thisの値は、その機能がどのように表示されるかによって異なります。

最初の例では、関数の外でそれを呼び出しています（2番目の例では、readyイベントハンドラと呼ばれる関数で呼び出しています）。

ブラウザでthisの代わりにwindowを使用してグローバルであるかどうかを明示的に確認できます。関数の内部

Answer 3

：

$(document).ready(function() { 
    console.log(this); // here this is the document 
}) 

いますが、次のように書いた場合：

console.log(this); // this is window 

$(document).ready(function() { 
    console.log(this); // here this is the document 
}) 

をより明確にするため次の試みることができる：

console.log(this); // this is window 
a = 10; 
console.log(this.a); // 10 

$(document).ready(function() { 
    console.log(this); // here this is the document 
    console.log(this.a); // undefined because a is not defined on the document 

    // but you could access the one defined on the `window` 
    console.log(window.a); // 10 

    b = 10; 
    console.log(this.b); // still undefined because `b` is not set on the document but is local to this function. 

    this.c = 10; 
    console.log(this.c); // 10 
})