JavaScript_javascript スキルでの使用法を理解するには 5 分

前書き
インターネット上には、JavaScript での this の使用法に関する詳細な紹介が多数あります。この記事の参考学習資料やインターネットを参照してください。この記事では、インターネットからの収集と収集を組み合わせて、JavaScript での this の使用法を簡単に説明します。これが、JavaScript での this の使用法を皆さんにすばやく理解してもらうのに役立つことを願っています。
テキスト
1. この使用例

コードをコピー コードは次のとおりです:

window.color = "red";
var o = { color: "blue" };
functionsayColor(){
alert(this.color); sayColor() ; //"red"
o.sayColor =sayColor;
o.sayColor(); //"blue"


2.理解

これが指す場所:
これが実行される環境 (コンテキスト オブジェクト)、または単純に次のように理解されます: これが配置されている関数が呼び出されたときの現在のスコープ。
コード例はすぐに理解できます:

コードをコピー コードは次のとおりです:

var fun = function() {

console.log(this);
}
fun();// console: window、fun の実行コンテキストは window、つまりこれが配置されている関数 (fun()) は呼び出されます。現在のスコープは window です。
new fun();//console: fun、fun の実行コンテキストは fun オブジェクト内にあります。つまり、これが配置されている関数 (fun()) が呼び出されるときの現在のスコープは、楽しいオブジェ。


3. この使用法の特殊なケース

(1) ケース:

コードをコピー コードは次のとおりです。

type=" text/javascript">

関数デモ() {
this.value = Math.random();
}



これをクリック ボタンを押した後、ボタンの値が変化していないことがわかります。
理由: このコードが実行されているとき、これはウィンドウ オブジェクトを指します。

コードをコピー コードは次のとおりです:

• Bootstrap リスト グループ コンポーネントの詳細な分析
• JavaScript関数のカリー化の詳細説明
• JS パスワードの生成と強度検出の完全な例 (デモ ソース コードのダウンロード付き)
• Angularjs は WeChat UI (weui) を統合します
• JavaScript を使用して繁体字中国語と簡体字中国語をすばやく切り替える方法と、簡体字中国語と繁体字中国語の切り替えをサポートする Web サイトのトリック_javascript スキル