javascript - 面向对象的 Javascript，为什么对象的方法不能在我的 init 方法中工作？

Question

这段代码改编自mozilla的面向对象js页面介绍:Introduction to Object-Oriented JavaScript

当我运行以下 javascript 代码时，我没有收到指示 sayHello 已正确调用的“hello”警报。在 mozilla 文档中，person 对象的创建和调用并不属于 init 函数——我将其复制到下面的示例中。给出了什么？

window.onload = init();

function init()
{
    var person1 = new Person('Male');
    var person2 = new Person('Female');

    // call the Person sayHello method.
    person1.sayHello(); // hello
}

function Person(gender) {
  this.gender = gender;
  alert('Person instantiated');
}

Person.prototype.sayHello = function()
{
  alert ('hello');
};

工作示例:

function Person(gender) {
  this.gender = gender;
  alert('Person instantiated');
}

Person.prototype.sayHello = function()
{
  alert ('hello');
};

var person1 = new Person('Male');
var person2 = new Person('Female');

// call the Person sayHello method.
person1.sayHello(); // hello

Answer 1

window.onload = init();

这就是你的问题。这会运行 init 方法，然后将返回值 (undefined) 应用为 window 的 onload 属性。所以什么也没有发生onload；一切都会立即发生。这意味着它会在您修改 Person.prototype 之前发生。

这样做是为了延迟执行:

window.onload = init;