JavaScript中的继承会导致未捕获的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();

但是我希望在下面的子项中有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(...)

一些技巧：

• 在严格模式下运行代码，因此忘记new会导致即时错误
• IE 的构造函数名称始终要大写，Parent以免parent忘记。new事实上，如果您遵循这种做法，JSHint 可以静态地找到您忘记使用的位置new。
• 始终为您的构造函数提供合理的名词名称，因为将名词称为函数是没有意义的，因此忘记new会再次像酸痛的拇指一样突出。

还

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