Question

我一直在学习 JavaScript 的课程, 使用原型, 最后如何继承。

根据我的理解,以下内容应:

Alert "John" due to myInstance.getIt(); being called
Alert "Jack" due to myInheritedInstance.getIt(); being called
myInheritedInstance.getParent(); has been assigned to .getIt() in MyClass
This should then alert "John" when myInheritedInstance.getParent(); is called.

相反,实际发生的情况是:

Alert "John"
Alert Blank
Alert "Jack"

我有一种感觉,我做了一些蠢事或者误解了一个基本概念, 所以,如果有任何帮助,都会感激不尽。

var MyClass = function() { };

MyClass.prototype.constructor = MyClass;
MyClass.prototype.name = "John";
MyClass.prototype.getIt = function () { alert(this.name); };

var myInstance = new MyClass();
myInstance.getIt();

//Now inheritance

var MyInheritedClass = function () { };
MyInheritedClass.prototype = new MyClass;
MyInheritedClass.prototype.constructor = MyInheritedClass;
MyInheritedClass.prototype.name = "Jack";
MyInheritedClass.prototype.getIt = function () { alert(this.name); };
MyInheritedClass.prototype.getItParent = MyClass.prototype.getIt.call(this);

var myInheritedInstance = new MyInheritedClass();
myInheritedInstance.getIt();
myInheritedInstance.getItParent();

Answer 1

罪魁祸首是:

MyInheritedClass.prototype.getItParent = MyClass.prototype.getIt.call(this);

.call 将 call a 函数,而不是 return one。这将引起两个问题: 它会事先叫它, 并返回一些无法调用的东西( 您在控制台中会有一个错误) 。您需要做 :

MyInheritedClass.prototype.getItParent = function() {
    alert(Object.getPrototypeOf(Object.getPrototypeOf(this)).name);
};

问题在于 name 不再可以通过 this 进入,因为它已被继承的类别所覆盖。要获得原始类的 name , 您必须两次登上原型链条 : insepherited exience - & gt; 继承的原型 - & gt; 原原型 。

线条线

MyClass.prototype.constructor = MyClass;

此处不需要。如果您覆盖 prototype , 则需要恢复 < code> constructor , 因为在此情况下, < code> constructor 会丢失。因此, 在您的情况中, 它只对继承的类有必要。

还有,线线线

MyInheritedClass.prototype.getIt = function () { alert(this.name); };

多余, 与您继承的 < code> MyClasss. prototype. get it - 相同。

注意JavaScript没有真正的“阶级”,

友情链接