纯净、安全、绿色的下载网站

首页|软件分类|下载排行|最新软件|IT学院

当前位置:首页IT学院IT技术

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

Jaxu   2021-10-12 我要评论
想了解在JavaScript实例对象中改写原型方法详情的相关内容吗,Jaxu在本文为您仔细讲解在JavaScript实例对象中改写原型方法的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点: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的原型方法。


相关文章

猜您喜欢

  • JS旋转木马轮播 JS实现旋转木马轮播案例

    想了解JS实现旋转木马轮播案例的相关内容吗,不晓er在本文为您仔细讲解JS旋转木马轮播的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:js旋转木马轮播,js旋转轮播,js木马轮播,下面大家一起来学习吧。..
  • python函数传参 python函数传参意义示例详解

    想了解python函数传参意义示例详解的相关内容吗,zjuPeco在本文为您仔细讲解python函数传参的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:python函数传参,python函数传参意义,下面大家一起来学习吧。..

网友评论

Copyright 2020 www.freemmogames.net 【漫漫下载站】 版权所有 软件发布

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 点此查看联系方式