欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

基于构造函数的五种继承方法小结

程序员文章站 2022-09-02 15:38:48
1.使用call或apply绑定构造函数   animal.apply(this.arguments) 2.使用prototype属性  ...

1.使用call或apply绑定构造函数

  animal.apply(this.arguments)

2.使用prototype属性  

  cat.prototype = new animal();

  cat.prototype.constructor = cat;

  var cat1 = new cat("大毛","黄色");

  alert(cat1.species); // 动物

3.直接集成prototype属性

  function animal(){ }

  animal.prototype.species = "动物";

 

  cat.prototype = animal.prototype;

  cat.prototype.constructor = cat;

  var cat1 = new cat("大毛","黄色");

  alert(cat1.species); // 动物

4.利用空对象作为中介

  var f = function(){};

  f.prototype = animal.prototype;

  cat.prototype = new f();

   cat.prototype.constructor = cat;

  将上面的方法封装成一个函数,便于使用:

    function extend(child, parent) {

      var f = function(){};

      f.prototype = parent.prototype;

      child.prototype = new f();

      child.prototype.constructor = child;

      child.uber = parent.prototype;

    }

5.拷贝继承

function extend2(child, parent) {

    var p = parent.prototype;

    var c = child.prototype;

    for (var i in p) {

      c[i] = p[i];

      }

    c.uber = p;

  }

这个函数的作用,就是将父对象的prototype对象中的属性,一一拷贝给child对象的prototype对象。

以上这篇基于构造函数的五种继承方法小结就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。