これは何ですか.😳
5046 ワード
この😭
このキーワードはJavaScriptのいくつかの頭痛につながることができます-このブログはうまくいけば救済策として機能します.
これは、それが使用されている場所に応じて別のものを指し、どのように(関数で使用される場合)関数が呼び出されます!
一般的には、関数と呼ばれる「物」を指す.これは、グローバルコンテキスト、オブジェクトまたはいくつかのバインドされたデータ/オブジェクト(例えば、ブラウザがクリックイベントをトリガしたボタンにバインドされている場合)になります.
1 )これはグローバルな文脈(つまり、関数外で)
function something() { ... }
console.log(this);
//グローバルオブジェクト(ブラウザのウィンドウ)をログ出力します.🙌2 )これは関数(非矢印)-グローバルコンテキストで呼び出されます.
function something() {
console.log(this);
}
something();
//厳密なモードで定義されていない非厳格モードのグローバルオブジェクト(ブラウザのウィンドウ)をログ出力します🙌3 )これはグローバル関数で呼ばれる矢印関数です
const something = () => {
console.log(this);
}
something();
//グローバルオブジェクト(ブラウザのウィンドウ)をログ出力します.🙌4)これはメソッド(非矢印)でオブジェクトを呼びます
const person = {
name: 'Mayank',
greet: function() { // or use method shorthand: greet() { ... }
console.log(this.name);
}
};
person.greet();
//ログマックスを指定します🙌5)メソッド(矢印関数)でこれをオブジェクトに呼びます
const person = {
name: 'Max',
greet: () => {
console.log(this.name);
}
};
person.greet();
//何もログしません(あるいは、ウィンドウオブジェクトのいくつかのグローバル名).🙌を返します.ログ(これ);常にこれは現在のところを参照してください見つけることができます!
ハッピーコーディング👨💻
Reference
この問題について(これは何ですか.😳), 我々は、より多くの情報をここで見つけました https://dev.to/mayank0508/what-is-this-4p6nテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol