箭头函数与“这”

Question

我正在粘贴mozilla文档中的片段。

箭头函数不创建它自己的因此，在下面的代码中，传递给setInterval的函数中的这个值与封闭函数中的值相同：

function Person(){
  this.age = 0;

  setInterval(() => {
    this.age++; // |this| properly refers to the person object
  }, 1000);
}
var p = new Person();

我的困惑是，当执行上面的代码时，setInterval函数将被它的实现替换为匿名函数，该函数像下面这样传递为参数。

setinterval(){

-------some code for repeating the function passed as argument

the function itself



  () => {
 this.age++;   //line 00
    }
    -----
    some code 

    }

第00行:在这里，当使用箭头函数时，这将不会指向匿名函数，而将指向封闭的执行上下文。对于我所理解的，这里所包含的执行上下文是setInterval函数，但是没有定义age属性。我知道我错了，因为年龄指向人的物体，因为它运行良好。

Answer 1

创建的函数在哪里，而不是在称为的地方，也就是说，它是enclosing context。您的函数是在function Person中创建的，因此该函数是arrow function的封闭上下文。

您只创建一个arrow function并将其传递给setInterval，它不是在setInterval的定义中创建的。

function Person(){
  this.age = 0;

  setInterval(() => {
    this.age++;
  }, 1000);
}

就等于这个。在这里，您可以看到func的封闭上下文是Person。

function Person(){
   this.age = 0;

   var func = () => {
       this.age++;
   };

   setInterval(func, 1000);
}