ES6中的JavaScript范围已转换

Question

当我在一个项目中定义一个类时，我偶然在构造函数中创建了一个自变量。 当我将某些代码从$ http.get回调移到函数中时遇到了一个问题。 自变量不再是同一范围。 在我看来，构造函数的作用域与类的作用域相同，但事实并非如此。 这仅仅是转堆的副作用还是ES6的工作方式？

一些代码为清晰起见

(function () {
  class ServerManagementController {
    constructor($http, $scope, socket, Auth) {
      var self = this;
      this.$http = $http;
      this.$scope = $scope;
      ...
      $http.get('/api/servers').then(response => {
         //...code using self var - it became to long so I moved it out
         // into a function which broke the code and was fixed by moving
         // the var self outside of the constructor
         ...

附带一提，您会推荐任何有关ES6的书籍？

Answer 1

var将变量绑定到函数的作用域，因此您的var self被绑定到函数的constructor ， class只是将多个函数组合到一个类中的包装器 ，但自身并未定义变量的作用域。

因此，您不能在constructor函数之外访问self 。

class ServerManagementController {
  constructor($http, $scope, socket, Auth) {
    var self = this;
  }

  anotherFunction() {
  }
}

是因为如果你这样写的相同 ：

function ServerManagementController($http, $scope, socket, Auth) {
  var self = this;
}

ServerManagementController.prototype.anotherFunction = function() {
}

在这两种情况下， self都不能在anotherFunction 。