JS中this分析

[dashengzi66]

this：函数执行的主体（谁执行的函数）

• 事件绑定
• 函数执行（普通函数执行、成员访问、匿名函数、回调函数）
• 构造函数
• 箭头函数（生成器函数generator）
• 基于call/apply/bind强制修改this指向

全局上下文中的this：window
块级上下文中没有自己的this，所有的this都是继承上级上下文中的this（箭头函数也是）

事件绑定

• DOM0：xxx.onxxx=function(){}
• DOM2：
  xxx.addEventListener('xxx',function(){})
  xxx.attachEvent('onxxx',function(){})
  给当前元素的某个事件行为绑定方法（此时是创建方法，方法没执行），当事件行为触发，浏览器会把绑定的函数执行，此时函数中的this->当前元素对象本身
  特殊：基于attachEvent实现事件绑定，方法执行，方法中的this是window
  document.body.addEventListener('click',function(){console.log(this);})//->body

函数执行

正常的普通函数执行：看函数执行前是否有“点”，如果有“点”，“点”前面是谁this就是谁，没有this是window（严格模式下是undefined）

function fn() {
  console.log(this);
}
let obj = {
  name:'asever6',
  fn
}
fn();//this->window
obj.fn();//this-obj

匿名函数：
　函数表达式：等同于普通函数或者事件绑定等机制
　自执行函数：this一般都是window/undefined
　(function(x){console.log(this)})(10);//window/undefined
　回调函数：一般都是window/undefined，但是如果在函数执行中，对回调函数的执行做了特殊处理，以自己的处理为主
括号表达式：小括号中包含“多项”，这样也只取最后一项，但是this受到影响（一般是window/undefined）
　(obj.fn)();//this->obj
　(10,obj.fn)();//this->window（严格模式下是undefined）