从对象内的函数获取范围外的变量 - Javascript

Question

我在一个类中的一个对象中有一个函数。

类的对象已初始化，我想调用函数，但函数需要在类的构造函数上定义一个变量。

class someClass {
  constructor() {
    this.foo = "bar";

    this.print = {
      variable: function() {
        console.log(this.foo);
      }
    };

  }
}

// And I call it from the global scope

var someObject = new someClass();

someObject.print.variable();

它会打印出来

未定义

我知道是一个不同的范围，也许我无法访问它。

这样做的目的是让我的功能有一些秩序。

我想访问我的函数，比如 someObject.print.variable();

Answer 1

使用箭头函数，它将绑定到定义它的对象中的原始this。

class someClass {
  constructor() {
    this.foo = "bar";

    this.print = {
      variable: () => {
        console.log(this.foo);
      }
    };

  }
}

// And I call it from the global scope

var someObject = new someClass();

someObject.print.variable();

Answer 2

可能是这样的吗？

<script>
class someClass {
  constructor() {
    let that = this;
    this.foo = "bar";

    this.print = {
     variable: function() {
        console.log(that.foo);
       }    
    };

  }
}

//And I call it from the global scope

var someObject = new someClass();

someObject.print.variable();
</script>