JS中THIS的五種情況

2021-10-03 14:17:22 字數 542 閱讀 2068

一、事件繫結

this1: 給元素的某個事件行為繫結方法,事件觸發,方法執行,此時方法中的this一般都是當前元素本身

在**中,有乙個button

點我一下~
二、普通函式執行

this2:普通函式執行,它裡面的this是誰,取決於方法執行前面是否有「.」點,有的話,「點」前面是誰this就是誰,沒有this指向window(嚴格模式下是undefined)

三、建構函式執行

this3:建構函式執行(new ***),函式中的this是當前類的例項

四、箭頭函式

this4:箭頭函式中的沒有自身的this,所用到的this就是其上下文中的this

這就是js 中的五種this情況,記錄下,以便以後用到(很多執行過程寫在了**注釋中,便於理解)。

加油~學過的每樣東西,都會派上用場

THIS的五種情況

1.this1給元素的某個事件繫結方法,事件觸發,方法執行,此時方法中this都是當前元素本身 dom0 btn.onclick function anonymous dom2 btn.addeventlistener click function anonymous false btn.attac...

js中this指向的三種情況

js中this指向的幾種情況 一 全域性作用域或者普通函式自執行中this指向全域性物件window,普通函式的自執行會進行預編譯,然後預編譯this的指向是window 全域性作用域 console.log this window 普通函式 function fn fn 函式加括號呼叫叫函式自執行...

js 中的五種繼承方法

function super super.prototype.sayname function function sub sub.prototype new super var instance new sub instance.sayname 小明 當超類中包含引用型別屬性值時,其中乙個子類的多個...