调用另一个对象中的函数

这是关于何时需要定义变量的范围界定和理解的好课。

让我们从最简单的一点开始：

window.onload = function() {
    var ObjectOneInstance = Object.create(ObjectOne);
    var ObjectTwoInstance = Object.create(ObjectTwo);
    ObjectOneInstance.one_A();
}

在 javascript 中创建的变量var的作用域是封闭的函数。这意味着ObjectOneInstance和ObjectTwoInstance仅在您刚刚创建的函数中可用。在此功能之外，它们不存在。

为了解决这个问题，您可以将声明移到函数之外，让所有人都可以看到它们，但有一个问题：

/* BUT THIS DOESN'T WORK…FOR A DIFFERENT REASON */
var ObjectOneInstance = Object.create(ObjectOne);
var ObjectTwoInstance = Object.create(ObjectTwo);

window.onload = function() {
    ObjectOneInstance.one_A();
}

现在ObjectOneInstance和ObjectTwoInstance处于一切都可以看到它们的范围内，但它们依赖于尚未定义的ObjectOneand ObjectTwo……所以你会得到一个不同的错误：

类型错误：对象原型只能是一个对象或 null。

关键是让一切都在正确的范围内和正确的顺序。这对于 javascript 来说可能有点微妙，因为需要在评估对象或调用函数时定义对象，这不一定与脚本加载的时间相同。在像JavaScript很多事情unload处理同步发生，这意味着整个脚本运行，并随后在onload处理火灾。这不应该抛出错误：

window.onload = function() {
  /* ObjectOneInstance is not defined when the script loads, 
     but it will be when onload is called */
  ObjectOneInstance.one_A();
}

var ObjectOne = {
  one_A : function(){
      /* It doesn't matter that ObjectTwoInstance is not defined yet;
         it will be by the time this function is called */
      ObjectTwoInstance.two_A();
  }
}
var ObjectTwo = {
  two_A : function(){
      //do something
  }
}
/* Object create is not in an async handler it runs right away, 
   so ObjectOne and ObjectTwo need to be defined before calling this */
var ObjectOneInstance = Object.create(ObjectOne);
var ObjectTwoInstance = Object.create(ObjectTwo)