this指向問題

首先你要理解下面三句話

1.元素繫結事件，方法中的this是當前操作元素

2.方法名前面是否有點，有點，點前面是誰，this就是誰，沒有this是window（嚴格模式下是undefined）

3.建構函式執行，方法中的this是當前類的乙個例項。

下面通過不同的情況來解釋一下：

const obj=

obj.this===window //true
function fn()

function a() 

const obj = new a() // this是 a{}
a() // this是 'window'

當做普通函式執行，this指向window。

const obj = 

} obj.foo() // obj
const a = obj.foo
a() //window

一旦有變數直接指向了這個方法，this為window.

如果在方法裡面執行函式，this指向window.

const obj = 

foo1()
}} obj.foo()

function fn() 

fn.prototype.fn = function () 
const obj = new fn()
obj.fn()

const obj = 

function fn() 
fn.call(obj) //obj
fn.bind(obj)() //obj

obj = 

b()}
} obj.c()

obj.prop.fullname //沒有undefined this就是window

9.2 window

9.3 0 30

this => myfun =>myfun.a =>0

this => myfun =>myfun.a =>30 設定私有屬性的值

9.4 fn object undefined 20 報錯 20 nan

9.4解析看下圖

9.5 4 2 1

this指向問題

一 this的指向在函式定義的時候是確定不了的，只有函式執行的時候才能確定this到底指向誰，實際上this的最終指向的是那個呼叫它的物件 例項一 函式this指向 function a a undefined windowwindow.a undefined window 解釋 這裡的a函式指向的...

this指向問題

在普通的函式中this指向window 在定時器中指向window,其實普通的函式和定時器都是window下的方法，所以都指向window 在乙個物件中的方法中this批向當前物件 new了 綁事件是事件源 真正觸發的 function fn a,b var aa fn.call 普通模式下this...

this指向問題

但是有時候這樣的判斷並不準確，可以按照如下規則進行判斷。瀏覽器環境 無論是否在嚴格模式下，在全域性執行環境中 在任何函式體外部 this 都指向全域性物件window node 環境 無論是否在嚴格模式下，在全域性執行環境中 在任何函式體外部 this 都是空物件 如果是new繫結並且 建構函式返回...