javascript - 类 Python 的 JavaScript 继承

Question

在 python 中我可以做这样的事情

主.py

class MainClass:
    def __init__(self):
        self.name = "some_name"
    def startDoingStuff(self):
        print("I'm doing something boring")

    def printName(self):
        print("My name is " + self.name)

子.py

import main
class Sub(main.MainClass):
    def startDoingStuff(self):
        print("I'm doing something interesting")
        self.name = "sub"

sub = Sub()
sub.printName() # prints 'My name is some_name'
sub.startDoingStuff()
sub.printName() # prints 'My name is sub'

是否有等效的 JavaScript？

Answer 1

如果基于原型(prototype)的继承有点令人望而生畏，您可以看看 extension based inheritance .

一个真正基本的实现看起来像这样。 (上面链接的 John Resig 的实现更健壮，但我认为这更具可读性，但具有相同的基本概念)

var extend = function(subTypeInit) {
    var SuperType = this;
    var SubType = function () {
         function SuperTypeProxy(args) {
              return SuperType.apply(this, args);
         }
         var base = new SuperTypeProxy(arguments);
         subTypeInit.apply(base, arguments);
         return base;
    }
    SubType.extend = extend.bind(SubType);
    return SubType;
}

然后可以这样使用:

var Main = function (name) {
    var self = this;
    self.name = name;
    self.doSomething = function () {
         console.log("something boring");
    };
    self.printName = function () {
         console.log("Hi, I'm "+name);
    };
};

Main.extend = extend.bind(Main); //Manually attach to first parent.

var Sub = Main.extend(function () {
    var self = this;

    self.doSomething = function () {
         console.log("something interesting");
    };

    var superPrintName = self.printName;
    self.printName = function () {
         superPrintName();
         console.log("And I'm a sub class");
    };
});

var sub = new Sub("foo");
sub.doSomething(); //logs "something interesting"
sub.printName(); //logs "Hi, I'm foo" "And I'm a sub class"

这里有一些注意事项，您真的可能应该研究基于原型(prototype)的继承，这才是 javascript 真正构建的目的。基于扩展的继承对于习惯了其他 OO 语言的继承方法的人来说更自然一些，但缺点是它会消耗更多的资源来以这种方式进行继承；你正在创建很多函数(和很多闭包)，它们真的可以加起来。