javascript面向对象（2）

最新推荐文章于 2024-09-26 16:05:40 发布

原创最新推荐文章于 2024-09-26 16:05:40 发布 · 169 阅读

0 ·

CC 4.0 BY-SA版权

javascript高级 es5/es6 专栏收录该内容

43 篇文章

订阅专栏

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

继承

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();