javascript 继承/构造函数

最新推荐文章于 2023-07-12 23:06:58 发布

原创最新推荐文章于 2023-07-12 23:06:58 发布 · 322 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了JavaScript中实现类继承的方法，包括使用原型链继承及构造函数的调用，并展示了如何在子类中拓展新方法。

继承————————————————————————————————————————————————

Complex.js 父类

function Complex() {
   
}
 
Complex.prototype.compare = function (a, b) {
    if (!isNaN(a) && !isNaN(b)) {
        this.a = a;
        this.b = b;
    }
    else {
        alert("please enter number");
    }
    var value = this.a > this.b ? "a" : "b";
    alert(value);
};

SubComplex.js 子类

function SubComplex() { 
} 
 
SubComplex.prototype = inherit(Complex.prototype); //继承
SubComplex.prototype.constructor = SubComplex; //设置constructor属性

//拓展新的方法
$.extend(SubComplex.prototype,  
{ 
    getMinValue: function () {
        alert("subClass!");
    },
    add:function(){
     alert("");
    }
});

构造函数————————————————————————————————————————————————————————————

//NotNullComplex.js
function NotNullComplex() {
    //作为普通函数调用父类的构造函数来初始化通过该构造函数调用创建的对象
    Complex.apply(this,arguments);
}

//继承自Complex
NotNullComplex.prototype = Complex.prototype;
NotNullComplex.prototype.constructor = NotNullComplex;

//新定义的subCompare方法
NotNullComplex.prototype.subCompare = function () {  
    //直接调用父类方法
    Complex.prototype.compare.apply(this, arguments);
};