prototype继承

最新推荐文章于 2025-12-18 10:02:55 发布

原创最新推荐文章于 2025-12-18 10:02:55 发布 · 375 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #prototype #继承

本文通过具体示例展示了JavaScript中如何实现构造函数继承，并详细解释了基类的方法如何在派生类中被调用和覆盖的过程。

function baseClass()
{
    this.showMsg = function()
    {
        alert("classBase::showMsg");
    }

    this.baseShowMsg = function()
    {
        alert("classBase::baseShowMsg");
    }
}
baseClass.showMsg = function()
{
    alert("classBase::showMsg static");
}

function extendClass()
{
    this.showMsg =function ()
    {
        alert("classExtend::showMsg");
    }
}
extendClass.showMsg = function()
{
    alert("classExtend::showMsg static")
}

extendClass.prototype = new baseClass();
var instance = new extendClass();

instance.showMsg(); //显示classExtend::showMsg
instance.baseShowMsg(); //显示classBase::baseShowMsg
instance.showMsg(); //显示classExtend::showMsg

baseClass.showMsg.call(instance);//显示classBase::showMsg static

var baseinstance = new baseClass();
baseinstance.showMsg.call(instance);//显示classBase::showMsg