Web前端架构师高级进阶必备技能

第一章 Web 前端应知必会之JS高薪“硬核”必备技能

第一节 this 指向

透析认识function的this在不同调用环境下的指向

事件调用环境   谁触发事件，函数里面的this指向的就是谁

全局环境 1.this指向的是window，是在浏览器环境下；2.在node环境下console.log(this);打印的是空的对象，但是console.log(this===module.exports)。指出的是导出的对象

函数内部

【this最终指向的是调用它的对象】

普通函数直接调用window调用

对象中的函数直接调用与window

【函数被多层对象所包含，如果函数被最外层对象调用，this指向的也只是它上一级的对象】

多层对象中函数的this指向

对象中函数被赋值给另一个变量

【构造函数中的this指向的是实例对象】

构造函数中的this指向

new运算符的作用

【如果构造函数中有return 如果return的值对象，this指向返回的对象，如果不是对象，则this指向保持原来的规则，在这里null比较特殊】

了解函数中的this指向的特殊性

箭筒函数本身是没有this和arguments的，在箭头函数中引用this实际上调用的是定义是的上一层作用域的this。这里强调一下是上一层作用域，因对对象不能形成独立的作用域的。

这块的this指向的window

如何改变this指向