淺談JS的this調用對象
- 零到壹度原創
- 2018-04-21 15:17:201888瀏覽
這篇文章介紹的內容是關於淺談JS的this調用對象，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下
查一下資料得知JS的this是指向呼叫的物件。
只有這句話很難理解那來做個寫dome。
程式碼如下：
<!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>
從上往下可以看到四個輸出問題
在執行看下結果：
可以看到123輸出的結果都不一樣
第一個是HTMLDOM
第二個是p
第三個是一個window
上面程式碼可以分析如下：
#（PS：this在官方介紹指上一級對象，打錯字了）
相關推薦：
#java中靜態方法為什麼不能使用this 、super和直接呼叫非靜態方法
#####this和super到底是引用還是物件?#########以上是淺談JS的this調用對象的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn