博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
浅析5种Javascript继承关系的应用
阅读量:4116 次
发布时间:2019-05-25

本文共 1027 字,大约阅读时间需要 3 分钟。

640?wx_fmt=jpeg

在Javascript中如何实现继承关系的应用?Javascript继承概念:js是基于对象的,他没有类的概念,所以实现继承,需要使用js的原型prototype机制或者用applay和call方法实现。

1、原型链继承

即子类通过prototype将所有在父类中通过prototype追加的属性和方法都追加到Child,从而实现了继承

为了让子类继承父类的属性(也包括方法),首先需要定义一个构造函数。然后,将父类的新实例赋值给构造函数的原型。

 

 

备注:在js中,被继承的函数称为超类型(父类、基类),继承的函数称为子类型(子类、派生类)。

使用原型继承存在两个问题:一是面量重写原型会中断关系,使用引用类型的原型,二是子类型还无法给超类型传递参数

2、借用构造函数继承

 
 

call方法是Function类中的方法

call方法的第一个参数的值赋值给类(即方法)中出现的this

call方法的第二个参数开始依次赋值给类(即方法)所接受的参数

 

 

4、apply()方法方式

apply方法接受2个参数,

A、第一个参数与call方法的第一个参数一样,即赋值给类(即方法)中出现的this

B、第二个参数为数组类型,这个数组中的每个元素依次赋值给类(即方法)所接受的参数

function Parent(username){	    this.username = username;	    this.hello = function(){	      alert(this.username);	    }	  }	  function Child(username,password){	    Parent.apply(this,new Array(username));	    this.password = password;	    this.world = function(){	      alert(this.password);	    }	  }	  var parent = new Parent("zhangsan");	  var child = new Child("lisi","123456");	  parent.hello();	  child.hello();	  child.world();

5、组合继承(原型链和构造函数组合)

 
 

JS中的继承关系是很重要的技术知识了,经常会用到,不了解的童鞋需要加紧学习哦!

640?wx_fmt=jpeg

640?wx_fmt=png

转载地址:http://qffpi.baihongyu.com/

你可能感兴趣的文章
北大青鸟ACCP4.0上机考试评分标准
查看>>
2007年河北省高校计算机一级考试大纲及心得
查看>>
Windows XP中让你的键盘会说话
查看>>
Google的愚人节无敌新服务
查看>>
愚人节居然中奖啦!
查看>>
中国各种资格认证考试一览表
查看>>
一段能使页面飞舞的JavaScript代码
查看>>
回顾一幅3D渲染作品
查看>>
关于越狱(第三季)
查看>>
关于北大青鸟ACCP4.0二期上机考试
查看>>
网页设计每屏分辨率研究
查看>>
大长今与肯德基
查看>>
从Google Earth上找我
查看>>
用身体演奏【国外】
查看>>
Bill Gates 一生最尴尬的几个时刻【一】
查看>>
Bill Gates 一生最尴尬的几个时刻【二】
查看>>
加班应该是这个样子的
查看>>
我的博客是男性!
查看>>
关于2007年河北省专接本考试的通知
查看>>
Windows开始-运行命令集锦
查看>>