prototype继承

前端交流群439667347

于 2017-06-08 15:29:24 发布

阅读量353

点赞数

文章标签：前端 prototype 继承

本文链接：https://blog.youkuaiyun.com/qq_37332557/article/details/72919702

版权

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