JavaScript：this的使用场景

[Mardanjan]

比较好的文章

讲this https://www.cnblogs.com/echolun/p/11962610.html
new https://www.cnblogs.com/echolun/p/10903290.html

this原理

this是JavaScript中的关键词，函数调用时才会出现
因为函数是在一定的环境中运行的，调用函数是肯定要知道是谁调用的，就用到了this进行指向
那么this到底指向的是什么？
this即不指向函数自身，也不指向函数的词法作用于，而是函数调用时的对象

使用场景

• 普通函数的调用，指向window
• 对象方法的调用，指向对象，确实最近的对象
• 构造函数的调用，指向的是实例化的新对象
• 匿名函数的调用，指向window
• 定时器的调用，指向widow

  this的一些细节

• 箭头函数的this是改变不了的，始终是定义时的上下文
• 普通函数的 this是可以改的，它的this指向是运行时的上下文

[Mardanjan]

复习

• 如果在严格模式下调用不在严格模式下的函数，并不会影响this的指向
• 隐式绑定：函数调用时前面存在调用它的对象，那么this就会隐式绑定到这个对象上
• 不能将作用域链和原型链弄混淆

  function fn () {
  console.log(this.name)
  }
  let obj = {
  func: fn
  }
  let obj2 = {
  name: 'lala'，
  o: obj
  }
  obj2.o.fun()  // undefined

作用域链与原型链的区别

• 作用域链的顶端是window对象， 原型链的顶端是null对象
• 作用域链： 当访问一个变量时，解释器会在当前作用于查找标识符，如果没有找到就去父级作用域，作用域的顶端是全局对象window，如果window都没有这个属性，则报错
• 原型链：当从某个对象身上访问某个属性时，会先查找当前对象，如果没有就顺着原型链往上找，原型链的顶端是null，如果全程没有找到则返回一个undefined，而不是报错

[Mardanjan]

this的丢失

• 隐式丢失，在特定情况下存在隐式丢失的问题，最常见的就是作为参数传递和变量赋值，这种情况下是单纯的函数的赋值，所以会丢失this然后指向window