加入收藏 | 设为首页 | 会员中心 | 我要投稿 衡阳站长网 (https://www.0734zz.cn/)- 数据集成、设备管理、备份、数据加密、智能搜索!
当前位置: 首页 > 站长学院 > PHP教程 > 正文

如何在JavaScript的实例对象中改写原型方法

发布时间:2022-08-03 10:12:20 所属栏目:PHP教程 来源:互联网
导读:在JavaScript中,我们通常可以像下面的代码这样来简单地定义一个类: 复制代码 var sample = function() { // constructor code here } sample.prototype.func1 = function() { // func1 code here } sample.prototype.func2 = function() { // func2 code h
  在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的原型方法。

(编辑:衡阳站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读