ES6 - 回顾this

优质

小牛编辑

114浏览

2023-12-01

这里的this指的是Toppings类的一个实例。只要使用点号调用list方法，如myToppings.list()，则this.formatToppings(this.toppings)调用在类的实例上定义的formatToppings()方法。这也将确保formatToppings内部，this指的是同一个实例。

但是，this也可以指其他东西。有两种基本情况你应该记住。

方法调用：
```
  someObject.someMethod();
```
函数调用：
这里，在someFunction内的可以指不同的东西，这取决于我们是否处于“strict”模式。不使用“strict”模式，这是指调用someFunction()的上下文，这很少是你想要的。在“strict”模式下，this将是未定义的。

  var log = console.log;

在许多浏览器中这会报错。这是因为log期望this指的是console ，但是当函数从console分离时，引用丢失了。

这可以通过明确设置来固定。一种方法是使用bind()方法，它允许您指定要用于绑定函数内的this的值。

你也可以使用和Function.apply实现相同的功能，但我们不在这里讨论。

class ServerRequest {
   notify() {
     ...
   }
     getFromServer(function callback(err, data) {
        this.notify(); // 这不会生效
     });
   }

在上面的代码中，this不会指向期望的对象：在“strict”模式下，它将是未定义的。这引出另一个ES6特性 - 箭头函数，将在下面介绍。