了解原型继承javascript

Question

这是对这个问题的跟进：Python like inheritance for JavaScript

但我用错了措辞，似乎我想要在 JavaScript 中使用经典继承，而我只是想弄清楚如何与 Python 类似地做到这一点。

这是我目前所拥有的，但它并没有像我希望的那样工作。

var util = require("util")

function FirstClass() {
    this.name = "First Class";
}

FirstClass.prototype.sayName = function(){
    this.callFunction("some_function", "hello")
}

FirstClass.prototype.callFunction = function(){
    var func = arguments[0]; 
    var args = Array.prototype.slice.call(arguments).slice(1, arguments.length)  
    if (this[func] !== undefined){ 
        this[func].apply(null, args); 
    } 
}

function SubClass(){}
util.inherits(SubClass, FirstClass)
SubClass.prototype.some_function = function(msg){
    console.log(msg, this.name) // "hello undefined"
}

var sub_class = new SubClass();
sub_class.sayName();

当我尝试sub_class.sayName() 时，它正确调用并继承了sayName，但是当我尝试使用this 关键字显示名称时，它不起作用并在“hello”旁边打印undefined，所以我将如何解决它，使其显示“你好 FirstClass”？

我在想这包含了 FirstClass 所拥有的所有变量和对象，因为它继承自它，但它没有。原型继承是这样工作的吗？如果是这样，有什么方法可以查看/更改子类中的父变量？

我已经尝试查找 JavaScript 的原型继承来解决这个问题，但我不太了解这个概念，因为我习惯于经典继承。有谁知道如何从父类继承并从子类更改它的变量？

另外，如果有人有一个很好的链接可以查看，那么我可以更好地理解原型继承，以供将来参考。

Answer 1

你缺少这部分：

function SubClass(){
   FirstClass.apply(this);
}

这相当于传统类继承中的super 调用。

Answer 2

你的问题在这里：this[func].apply(null, args);

应该是：this[func].apply(this, args);

Answer 3

这是一个关于如何继承和扩展类的简化示例。我非常强烈建议您查看Javascript Design Patterns，以获取有关如何创建具有继承的类的更好示例。

现在，由于我不熟悉 util 应该做什么，这个示例演示了如何使用原生 JS 而不使用辅助函数来实现结果：

JSFiddle 在这里：http://jsfiddle.net/YAj5R/

function FirstClass() {
    this.name = "First Class";
}

FirstClass.prototype.sayName = function () {
    this.callFunction("some_function", "hello")
}

FirstClass.prototype.callFunction = function () {
    var func = arguments[0];
    var args = Array.prototype.slice.call(arguments).slice(1, arguments.length)
    if (this[func] !== undefined) {
        this[func].apply(this, args);
    }
}

function SubClass() {
    var parent = new FirstClass();

    // this is lightweight example of an "extend" method
    for(var attr in parent) {
        // if this subclass has not over-written an attr,
        // copy the attributes of FirstClass to SubClass
        if(!this[attr]) {
            this[attr] = parent[attr];
        }
    }

    return this;
}

SubClass.prototype.some_function = function (msg) {
    console.log(msg, this.name);
}

var sub_class = new SubClass();
sub_class.sayName();