javascript - JavaScript 中的继承导致 Uncaught TypeError

Question

可能是我在这里遗漏了什么。请耐心等待，因为我是 JavaScript 中 OOP 的新手。但我需要找到解决我的问题的方法。

我有这个代码。

var parent = function() {}
parent.prototype.someFunc = function() {
  return "a string";
}

现在我正在尝试使用如下代码继承父对象，

var child = function() {
    parent.call(this);
}
child.prototype = new parent();

当我这样做时，它会起作用。

var obj = new child();
obj.someFunc();

但我想在 child 里面有 someFunc() ，如下所示，

var child = function() {
  parent.call(this);
  var someVal = this.someFunc(); // method from parent.
}
child.prototype = new parent();

这样做会给我一个错误，因为 Uncaught TypeError: Object [object global] has no method 'getLightBox' 但据我所知，this 指的是当前对象并且我只是对如何解决这个问题感到困惑。如果我错了，请纠正我。或者如果有更好的方法，那么我想知道。

Answer 1

您忘记使用 new。 IE。你有执行 child(...) 而不是 new child(...)

的代码

一些提示:

• 在 strict mode 中运行代码所以忘记 new 会导致即时错误
• 始终将构造函数名称大写 I.E. Parent 不是 parent 所以忘记 new 会像拇指一样突出。事实上JSHint can statically find where you forgot to use new if you follow this practice .
• 始终为您的构造函数提供合理的名词名称，因为将名词作为函数调用是没有意义的，因此忘记 new 将再次像拇指一样突出。

还有

• 不要使用 new 链接原型(prototype)，只需使用 Child.prototype = Object.create(Parent.prototype)