当前位置:主页 > javascript教程 > 基于构造函数的五种继承方法小结

分享构造函数的五种继承方法

发布:2020-03-14 18:19:44 150


给寻找编程代码教程的朋友们精选了javascript相关的编程文章,网友夏恺乐根据主题投稿了本篇教程内容,涉及到js、构造函数、基于构造函数的五种继承方法小结相关内容,已被812网友关注,下面的电子资料对本篇知识点有更加详尽的解释。

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

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对象。

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


参考资料

相关文章

  • Android autojs随时翻译剪贴板单词实现示例

    发布:2023-03-05

    这篇文章主要为大家介绍了Android autojs随时翻译剪贴板单词,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪


  • Javascript中import和require用法分析

    发布:2021-05-12

    本篇文章主要介绍了Javascript(es2016) import和require用法和区别详解,具有一定的参考价值,有兴趣的可以了解下


  • java和jsp之间的request传值实例

    发布:2021-05-20

    这篇文章主要给大家介绍了关于java和jsp之间的request传值方法的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧


  • 实例分享Node.js如何利用debug模块打印出调试日志

    发布:2020-02-18

    debug日志打印模块主要实现功能是带命名空间(模块名)、时间戳、色彩输出日志;将日志写入文件;浏览器端使用;格式化函数;支持自定义方法。下面这篇文章主要介绍了Node.js利用debug模块


  • Vue.js的移动组件库cube-ui用法

    发布:2020-04-13

    这篇文章主要介绍了基于Vue.js的移动组件库cube-ui,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧


  • 详解vue项目接入微信JSSDK的坑

    详解vue项目接入微信JSSDK的坑

    发布:2022-06-17

    给大家整理了关于vue的教程,这篇文章主要介绍了详解vue项目接入微信JSSDK的坑,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧


  • springboot整合JSR303校验功能实现代码

    发布:2023-03-10

    这篇文章主要介绍了springboot整合JSR303校验功能实现,JSR303校验方法有统一校验的需求,统一校验实现以及分组校验,本文结合实例代码给大家介绍的非常详细,需要的朋友可以参考下


  • JS实现动态添加DOM节点和事件的实例

    发布:2019-09-16

    这篇文章主要介绍了JS实现动态添加DOM节点和事件的方法,涉及javascript事件响应及针对页面dom元素节点与属性的动态操作相关实现技巧,需要的朋友可以参考下


网友讨论