javascript面向对象（2）-优快云博客

本文通过具体的JavaScript代码示例，介绍了几种实现对象继承的方法，包括原型链继承、构造函数继承及组合继承等，并展示了如何通过调用父类方法实现方法的复用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

继承

function Person(){
    var _this = {};
    _this.sayHello = function(){
        alert("Hello");
    }
    return _this;
}

function Teacher(){
    var _this = Person;
    return _this;
}

var t = Teacher();
t().sayHello();

这里写图片描述

复写

function Person(){
    var _this = {};
    _this.sayHello = function(){
        alert("Hello");
    }
    return _this;
}

function Teacher(){
    var _this = Person();
    _this.sayHello = function(){
        alert("Thello");
    }
    return _this;
}

var t = Teacher();
t.sayHello();

这里写图片描述

function Person(){
    var _this = {};
    _this.sayHello = function(){
        alert("PHello");
    }
    return _this;
}

function Teacher(){
    var _this = Person();
    var surperSay = _this.sayHello;
    _this.sayHello = function(){
        surperSay.call(_this);
        alert("Thello");
    }
    return _this;
}

var t = Teacher();
t.sayHello();

这里写图片描述

传参

function Person(name){
    var _this = {};
    _this.name = name;
    _this.sayHello = function(){
        alert("PHello" + _this.name);
    }
    return _this;
}

function Teacher(name){
    var _this = Person(name);
    var surperSay = _this.sayHello;
    _this.sayHello = function(){
        surperSay.call(_this);
        alert("Thello" + _this.name);
    }
    return _this;
}

var t = Teacher('iwen');
t.sayHello();

这里写图片描述

封装

(function(){
    var n = "ime";
    function Person(name){
        var _this = {};
        _this.name = name;
        _this.sayHello = function(){
            alert("PHello" + _this.name + n);
    }
    return _this;
}
window.Person = Person;

}());

function Teacher(name){
    var _this = Person(name);
    var surperSay = _this.sayHello;
    _this.sayHello = function(){
        surperSay.call(_this);
        alert("Thello" + _this.name);
    }
    return _this;
}

var t = Teacher('iwen');
t.sayHello();