转 原生js中的this指向四条定律

1、函数执行,首先看函数名前面是否有".",有的话"."前面是谁就是谁;没有的话this就是window

function fn(){ console.log(this); }

var obj = {fn: fn};

fn(); //this->window

obj.fn();//this->obj

2、自执行函数中的this永远是window

3、给元素的某一个事件绑定方法,当事件触发的时候,执行对应的方法,方法中的this是当前的元素

document.getElementById("div1").onclick = fn; // this->div1

document.getElementById("div1").onclick = function() { 

//this->div1

fn(); // this->window

};

4、在构造函数模式中,类中(函数体中)出现的this.xxx = xxx;中的this是当前类的一个实例

posted @ 2018-10-14 21:23  里里黑  阅读(260)  评论(0)    收藏  举报