JavaScript クラスと継承、この属性の使用方法、instructions_js オブジェクト指向

this 属性は現在のオブジェクトを表します。これがグローバル スコープで使用される場合は、現在のページ オブジェクト ウィンドウを参照します。これが関数で使用される場合は、実行時にこの関数が呼び出されるオブジェクトを参照します。 また、2 つのグローバル メソッド apply と call を使用して、関数内の this の特定のポインタを変更することもできます。 まず、これをグローバル スコープで使用する例を見てみましょう:

コードをコピーします コードは次のとおりです。 console.log(this === window) // true console.log(window.alert ==) = this.alert) ; // true console.log(this.parseInt("021", 10)) // 10

関数内の属性は次のように、関数の定義時ではなく実行時に決定されます。

コードをコピー コードは次のとおりです。次のように: // グローバル関数を定義します。 function foo() { console.log(this.fruit); } // グローバル関数を定義します。 window.fruit = "apple "; と同等の変数 var Fruit = "apple" // 現時点では、関数 foo 内の this は window オブジェクトを指します // この呼び出しメソッドは完全にwindow.foo(); foo(); // "apple" // オブジェクトをカスタマイズし、オブジェクトの属性 foo をグローバル関数 foo var Pack = { fruit と同等: "orange", foo : foo }; // このとき、関数 foo は window.pack オブジェクトを指します pack.foo(); // "orange"

グローバル関数 apply と call を使用すると、次のように関数内の this 属性のポイントを変更できます。

コードをコピー コードは次のとおりです。 // グローバル関数を定義します。 function foo() { console.log(this.fruit); 🎜>} // グローバル変数を定義します var Fruit = "apple" ; // オブジェクトをカスタマイズします var Pack = { fruit: "orange" }; // window.foo(); と同等 foo.apply (window) // "apple" // これは foo === Pack foo.apply(pack); // "orange"

注: 2 つの関数 apply と call は同じ機能を持ちます。唯一の違いは、2 つの関数のパラメーターの定義が異なることです。 関数も JavaScript のオブジェクトであるため、次の興味深い例がわかります。

コードをコピー コードは次のとおりです。 : // グローバル関数を定義します function foo() { if (this === window) { console.log("this is window.") ; } } // 関数 foo もオブジェクトなので、foo の属性 boo を関数 foo.boo = function() { if ( this === foo) { console.log("これは foo です。"); } else if (this === ウィンドウ) { console.log("これはウィンドウです。") ; } }; // window.foo(); foo(); // これは関数のポイントであることがわかります。呼び出し元の関数のオブジェクトに foo.boo(); // これは foo です。 // 関数 foo.boo.apply(window) で apply を使用して、this のポインタを変更します。 // これはウィンドウです。