【前端】两种实现原型继承的方法的对比

Preconditions:

代码语言：javascript复制

function Student(props) {
    this.name = props.name || 'Unnamed';
}

Student.prototype.hello = function () {
    alert('Hello, '   this.name   '!');
}

function PrimaryStudent(props) {
    // 调用Student构造函数，绑定this变量:
    Student.call(this, props);
    this.grade = props.grade || 1;
}

方法一：

代码语言：javascript复制

function inherits(Child, Parent) {
    Child.prototype = new Parent();
    Child.prototype.constructor = Child;
}

inherits(PrimaryStudent, Student);

这种情况下PrimaryStudent.prototype.name等于'Unnamed'，这条属性显然是多余的。

方法二：

代码语言：javascript复制

function inherits(Child, Parent) {
    var F = function () {};
    F.prototype = Parent.prototype;
    Child.prototype = new F();
    Child.prototype.constructor = Child;
}

inherits(PrimaryStudent, Student);

这种情况下PrimaryStudent.prototype并没有name这条属性。事实上，PrimaryStudent.prototype上一条冗余属性都没有，非常干净。

总结：

方法二更好。

prototype 变量 继承 前端 原型

0 人点赞