JavaScript继承与多继承实例分析

前端之家收集整理的这篇文章主要介绍了JavaScript继承与多继承实例分析前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

@H_403_0@本文实例讲述了JavaScript继承与多继承。分享给大家供大家参考,具体如下:


@H_403_0@虽然最新的EC6里边已经有了class的相关功能,但是从普及度上和阅读旧代码需求的方面来看,这点知识也得了解一下。


@H_4030@<span style="font-size: medium">

本文结构:


@H
4030@① 原理及分析


@H
4030@② 简单封装后的运用


@H
4030@<span style="font-size: medium">

1. 继承


@H
4030@

① 原理及分析


@H
4030@先上一张图:


@H
403_0@


@H_403_0@用这段代码的思想来实现继承,即:


<div class="jb51code">
<pre class="brush:js;">
var inherit=function(objBase){
var F=function(){}; //第一步:定义一个函数F
F.prototype=objBase; //第二步:将传进来的基类对象(objBase)赋给函数F的原型(F.prototype)
return new F(); //第三步:返回一个F对象(已经具备了objBase特征)
}

@H_301_28@ @H_403_0@

② 简单封装后的运用

@H_301_28@ @H_403_0@2. 多继承

@H_403_0@

① 原理及分析

@H_403_0@多继承就是将多个对象的成员,交给当前对象

@H_301_28@ @H_403_0@

② 简单封装后的运用

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》及《

@H_403_0@希望本文所述对大家JavaScript程序设计有所帮助。

猜你在找的JavaScript相关文章