JS の this 呼び出しオブジェクトに関する簡単な説明

零到壹度
リリース: 2018-04-21 15:17:20
オリジナル
1907 人が閲覧しました

この記事の内容は、JS の this call オブジェクトについての簡単な説明です。必要な友人はそれを参照できるように共有します。 JSのthisはcallオブジェクトを参照します。

この文章だけではわかりにくいので、ドームと書いてみませんか?

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

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>this测试</title>
<script type="text/javascript" src="jquery-3.3.1/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
var a="全局";
$(function(){
	console.log(this);
	$("#start").click(function(){
	console.log(this);
	});
}); 
function  test(){
console.log(this);
console.log(this.a);
}
</script>
</head>
<body>
    <p id="start" >开始</p>
	<p id="test" onclick="test()">点击测试</p>
</body>
</html>
ログイン後にコピー

上から下まで4つの出力問題が表示されます

実行して結果を確認してください:

123の出力結果がすべて異なることがわかります

1つ目はHTMLDOMです

2つ目はpです

3つ目はウィンドウです

上記のコードは次のように分析できます:

(追記:これは、公式の紹介文はタイプミスです)


関連する推奨事項:

JS でのこのオブジェクトの詳細な説明

これは現在のオブジェクト自体を指します

なぜJava の静的メソッドで this、super、direct を使用することはできません 非静的メソッドの呼び出し

this と super は参照ですか、それともオブジェクトですか?

以上がJS の this 呼び出しオブジェクトに関する簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート