首页 >

Javascript编程之继承实例汇总【javascript】

web前端|js教程Javascript编程之继承实例汇总【javascript】
Javascript,继承,Javascript继承
web前端-js教程
手机提交表单图片源码,Ubuntu大写锁定反了,Tomcat的特点及作用,爬虫孕育箱,php高级知识,关键词排名公司专业乐云seolzw
这篇文字是在看完《Javascript 王者归来》后的整理总结,文章详细章节在 第21章 P537
影视视频收费版全套e4a源码教程,ubuntu开机切换屏幕,爬虫箱pvc代发,php正则菜鸟,js文件seolzw
继承一般要实现以下三层含义:
魂斗罗 源码,vscode代码规范插件,ubuntu组件bond,tomcat运行总是失败,爬虫快递翻车,php 获取数组数据,百度seo指定地区,什么游戏交易网站源码,产品英文标签模板lzw
1)子类实例可以共享父类的方法;
2)子类可以覆盖父类的方法或者扩展新的方法;
3)子类和父类都是子类实例的类型。

A、构造继承法

子类中调用父类的构造函数来维护的,该继承法能实现多重继承,但只能继承父类的共有方法,无法继承静态方法,而且不能用instanceof来验证实例。

function a(){  this.say=function(){  alert("happy new year!");  }}function b(){  a.apply(this,arguments);}a.prototype.fuck=function(){  alert("%^&%^&%&^%&");}var oB=new b();alert(oB instanceof a);// falseoB.say();       // happy new yearoB.fuck();       // 读不到
B、原型继承法/经典继承法

该继承法是通过复制已经存在的原型对象来实现行为重用,让对象实例共享原型对象的属性。支持多重继承,继承原型静态方法,能用instanceof来验证实例。

function a(){ this.say=function(){ alert("happy new year!"); }}function b(){}a.prototype.fuck=function(){  alert("%^&%^&%&^%&");}a.prototype.z=123;b.prototype=new a();var oB=new b();alert(oB instanceof a); // truealert(oB.z);      // 123oB.say();        // happy new yearoB.fuck();       // %^&%^&%&^%&
C、实例继承法/寄生构造函数模式

构造法不能继承类型的静态方法,原型继承得不完善(某些核心对象的不可枚举方法不能继承),而实例继承法能对原生核心对象或者DOM对象进行继承,它通过在类型中构造对象并返回的办法来实现继承,因此instanceof验证会是false,不支持多重继承。

function a(){ var oA=new Array(); oA.say=function(){   alert("hello A!"); } return oA;}var obj=new a();alert(obj instanceof a); // falseobj.say();
D、拷贝继承法

该方法通过拷贝基类对象的所有可枚举属性和方法来模拟继承,因此它可以模拟多继承,但不能枚举的就无法继承;它可以继承父类的静态方法;

function a(){  this.num=123;  this.say=function(){  alert("happy new year!");  }}function b(){  this.extends=function(obj){    for(each in obj){      this[each]=obj[each];    }  }}var oB=new b();oB.extends(new a());alert(oB instanceof a); // falsealert(oB.num);     // 123oB.say();        // happy new year
E、混合继承法

顾名思义就是把上面几种继承法综合起来,取长补短,让继承更完善。常见的有 构造+原型继承:伪经典继承

function a(){  this.num=123;  this.say=function(){  alert("happy new year!");  }}function b(){  a.apply(this);}b.prototype=new a();b.prototype.z=123;var oB=new b();alert(oB instanceof a); // truealert(oB.num);     // 123oB.say();        // happy new year
F、各种继承法的优缺点


Javascript编程之继承实例汇总【javascript】
  • javascript基于prototype实现类似OOP继承办法【javascript】
  • javascript基于prototype实现类似OOP继承办法【javascript】 | javascript基于prototype实现类似OOP继承办法【javascript】 ...

    Javascript编程之继承实例汇总【javascript】
  • 由浅入深讲解Javascript继承机制与simple-inheritance源码分析【javascript】
  • 由浅入深讲解Javascript继承机制与simple-inheritance源码分析【javascript】 | 由浅入深讲解Javascript继承机制与simple-inheritance源码分析【javascript】 ...

    Javascript编程之继承实例汇总【javascript】
  • JavaScript继承基础讲解(原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承)【javascript】
  • JavaScript继承基础讲解(原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承)【javascript】 | JavaScript继承基础讲解(原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承)【javascript】 ...