在JavaScript实例对象中改写原型方法详情

 更新时间:2021年10月12日 15:08:03   作者:Jaxu  
这篇文章主要介绍了在JavaScript实例对象中改写原型方法的一下相关资料,需要的效果版可以参考一下文章详细内容,希望对你有所帮助

JavaScript中,我们通常可以像下面的代码这样来简单地定义一个类:

var sample = function() {
    // constructor code here 
}

sample.prototype.func1 = function() {
    // func1 code here
}

sample.prototype.func2 = function() {
    // func2 code here
}

/* more sample prototype functions here... */

然后使用下面的代码来实例化,并访问其中的原型方法:

var sampleInstance = new sample();
sampleInstance.func1();
sampleInstance.func2();
// call more sample object prototype functions


但是如果我们想改写其中一个原型方法,并且不破坏原有的sample对象,如何来实现呢?一个最简单的方法就是再构建一个类,使其继承sample,然后在继承类的原型方法中改写基类的方法,就像下面这样:

var subSample = function() {
    // constructor code here
}

// inherit from sample
subSample.prototype = new sample();
subSample.prototype.fun1 = function() {
    // overwrite the sample's func1
}

但是如果没有构建继承类,而想改写原型方法,可以直接使用下面的代码:

var sampleInstance = new sample();
sampleInstance.func1 = function() {
    sample.prototype.fun1.call(this); // call sample's func1
    // sampleInstance.func1 code here
}


我们重新定义了sample的实例对象的func1方法,并在其中访问了其原型方法func1,然后又在其中添加了一些额外代码。通过这样的方法,我们对sample的原型方法进行了扩展,并且没有创建派生类,而且也没有破坏sample的原型方法。

到此这篇关于在JavaScript实例对象中改写原型方法详情的文章就介绍到这了,更多相关在JavaScript实例对象中改写原型方法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Js视频播放器插件Video.js使用方法详解

    Js视频播放器插件Video.js使用方法详解

    Video.js 是一个通用的在网页上嵌入视频播放器的JS库,Video.js自动检测浏览器对HTML5的支持情况,如果不支持HTML5则自动使用Flash 播放器,推荐大家好好看看
    2020-02-02
  • 微信小程序 scroll-view组件实现列表页实例代码

    微信小程序 scroll-view组件实现列表页实例代码

    这篇文章主要介绍了微信小程序 scroll-view组件实现列表页实例代码的相关资料,scroll-view组件介绍scroll-view是微信小程序提供的可滚动视图组件,其主要作用是可以用来做手机端经常会看到的上拉加载 ,需要的朋友可以参考下
    2016-12-12
  • 微信小程序 http请求详细介绍

    微信小程序 http请求详细介绍

    这篇文章主要介绍了微信小程序 http请求详细介绍的相关资料,需要的朋友可以参考下
    2016-10-10
  • JavaScript中常用的数组操作方法

    JavaScript中常用的数组操作方法

    Javascript常用数组是构成其的一个重要的部分,它们可以用来存储字符串、对象、函数、因此本篇文章小编九带大家深入了解Javascript常用数组的操作方法,需要的朋友可以参考下面文章的具体内容
    2021-09-09
  • 微信小程序 弹幕功能简单实例

    微信小程序 弹幕功能简单实例

    这篇文章主要介绍了微信小程序 弹幕功能简单实例的相关资料,需要的朋友可以参考下
    2017-02-02
  • 基于JavaScript代码实现微信扫一扫下载APP

    基于JavaScript代码实现微信扫一扫下载APP

    有很多人在做微信的扫一扫下载。但是在微信更新之后微信将该功能给禁止掉了,也不能说是全面禁止吧,因为腾讯、微信是一家嘛,通过应用宝审核的应用好像还是可以通过扫一扫直接下载的,下面通过本篇文章给大家介绍微信扫一扫下载app的代码片段,感兴趣的朋友一起看看吧
    2015-12-12
  • 微信小程序 特效菜单抽屉效果实例代码

    微信小程序 特效菜单抽屉效果实例代码

    这篇文章主要介绍了微信小程序 特效菜单抽屉效果实例代码的相关资料,抽屉效果的菜单在APP应用中经常使用,这里用微信小程序来实现这一效果,需要的朋友可以参考下
    2017-01-01
  • 微信小程序 数据访问实例详解

    微信小程序 数据访问实例详解

    这篇文章主要介绍了微信小程序 数据访问实例详解的相关资料,需要的朋友可以参考下
    2016-10-10
  • 微信小程序 sha1 实现密码加密实例详解

    微信小程序 sha1 实现密码加密实例详解

    这篇文章主要介绍了微信小程序 sha1 实现密码加密实例详解的相关资料,需要的朋友可以参考下
    2017-07-07
  • 微信小程序 ecshop地址三级联动实现实例代码

    微信小程序 ecshop地址三级联动实现实例代码

    这篇文章主要介绍了微信小程序 ecshop地址3级联动实现实例代码的相关资料,需要的朋友可以参考下
    2017-02-02

最新评论