为什么对象数据在方法中未定义？

Question

我有一些代码不起作用，我不明白为什么。我把它归结为这个简单的例子：function Load() {    this.data = {        isLoaded: false,    };    this.load1 = function() {        console.log(this.data.isLoaded);    };    this.system = {        load2: function() {            console.log(this.data.isLoaded);        }    };}let a = new Load();a.load1();a.system.load2();为什么 this.data 在 load1 函数中定义，而在 load2 函数中未定义？有没有办法让它与我想要的结构（第二种形式）一起工作？

Answer 1

运行 console.log(this) 总是一个好主意。都是关于“这个”指的是什么。

Answer 2

这会起作用。放入调用的this.data函数scope变量中parentData，您可以在任何子项上使用该值。

thisinthis.system.load2引用this.system内容，它不会调用父数据。

function Load() {

  this.data = {

    isLoaded: false,

  };

  

  var parentData = this.data;

  this.load1 = function() {

    console.log(this.data.isLoaded);

  };

  this.system = {

    load2: function() {

      console.log(parentData.isLoaded);

    }

  };

}

let a = new Load();

a.load1();

a.system.load2();

Answer 3

当您显式绑定上下文时它将起作用：a.system.load2.call(a);




Answer 4

我相信这与范围界定有关。

this.data.isLoaded指的是load2的当前范围

this.system = {

        load2: function() {

            console.log(this.data.isLoaded);

        }

    };