1.给元素的某个事件行为绑定要领，破解访问权限进qq空间 ，事件触发，要领执行，此时要领中的this一般都是当前元素自己：

<div id="div"></div>

div.onclick = function() { console.log(this); //=><div></div> };

div.addEventListener(‘click‘, function () { console.log(this); //=><div></div> }, false);

这里边有个特殊情况就是DOM2级绑定事件

div.attachEvent(‘onclick‘,function anonymous(){ console.log(this); //=>window });

2.普通函数执行，它里边的this是谁，取决于要领执行前面是否有“.”，有的话，“.”前面是谁this就是谁，没有的话并且是在非严格模式下this就是window，严格模式下是undefined：

function fn() { console.log(this); } let obj = { name: ‘OBJ‘, fn: fn }; fn(); //window obj.fn(); //{name: ‘OBJ‘,fn: fn}

3.结构函数执行(也便是new执行)，函数中的this是当前类的实例：

function F() { console.log(this); } let f = new F; // F {}

4.箭头函数中没有this，所用到的this都是其上下文中的this(或者说是上级上下文)：

let obj = { fn: () => { console.log(this); } } obj.fn(); //window

let obj = { fn: function () { setTimeout(_ => { console.log(this); }, 1000); } }; obj.fn(); //obj

5.基于call/apply/bind可以转变函数中this的指向：

let obj = { fn: function(){ console.log(this); } } obj.fn(); //obj obj.fn.call(12); //12

JS中this的几种情况