时间:2021-05-02
整理一下js面向对象中的封装和继承。
1.封装
js中封装有很多种实现方式,这里列出常用的几种。
1.1 原始模式生成对象
直接将我们的成员写入对象中,用函数返回。 缺点:很难看出是一个模式出来的实例。
代码:
复制代码 代码如下:1.2 生成构造模式对象
js帮我们提供了一个使用构造函数生成对象的模式,¨所谓“构造函数”,其实就是一个普通函数,但是内部使用了this变量。当使用new关键字对构造函数生成实例后,this变量则会绑定在实例对象上。
直接上代码:
复制代码 代码如下:不难看出js的构造函数生成对象和C#用class生成对象如出一辙,都是用模板定义对象成员通过new关键字实例化。
用C#代码生成同样的Stu对象
复制代码 代码如下:ok,到这儿基本的对象有了。 那么现在我们需要一个所有对象都公用的方法,而且只让这个方法创建一次。(不随着对象new而重复创建) 怎么办呢? 大家都知道在C#中我们可以用静态成员。那么在js中怎么做呢?
1.3 Prototype模式
在js中,每一个构造函数都有一个prototype属性,这个对象的所有属性和方法,都会被构造函数的实例继承。那么我们直接给prototype添加成员就相当于在C#中声明静态成员了。
代码:
复制代码 代码如下:封装就讲到这儿了,下面我们来看看js中继承又是如何实现的?
2.继承
2.1 构造函数绑定
在子函数中直接调用 call或apply方法,将父对象的构造函数绑定在子对象上。
这里的apply做了两件事情,把第一个参数this给Grade构造函数(调用者),然后再执行Grade里的代码。就相当于将Grade中用this定义的成员在Stu中再执行一遍。
2.2 通过prototype继承
先看代码
代码:
复制代码 代码如下:前面说过prototype就相当于C#中的静态成员,所以我们就把父类的所有成员都变成自己的静态成员来实现继承。
通过prototype继承有一个缺点:所有继承的成员都是静态的,那么怎么继承对象成员呢?
2.3 拷贝继承
把父对象的所有属性和方法,拷贝进子对象,实现继承。
代码:
复制代码 代码如下:js面向对象的整理就写到这了,这个东西也不是一成不变的,使用的时候根据自己的需求做改动。 有句话说的很好,合适的才是最好的。
这里只针对封装和继承进行了分析,后续我们再做一些其他方面的文章,让小伙伴们更加深入的了解javascript面向对象编程。当然都是个人的一些理解,如有遗漏,请联系我。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
JavaScript是一门面向对象的语言。在JavaScript中有一句很经典的话,万物皆对象。既然是面向对象的,那就有面向对象的三大特征:封装、继承、多态。这
本文实例讲述了Python面向对象程序设计类的封装与继承用法。分享给大家供大家参考,具体如下:访问限制(封装)1、概念面向对象语言的三大特征:封装,继承,多态。
感叹是为了缓解严肃的气氛并引出今天要讲的话题,”javascript面向对象编程”,接下来,我们围绕面向对象的几大关键字:封装,继承,多态,展开。封装:java
感叹是为了缓解严肃的气氛并引出今天要讲的话题,”javascript面向对象编程”,接下来,我们围绕面向对象的几大关键字:封装,继承,多态,展开。封装:java
本文实例讲述了Python面向对象之继承原理与用法。分享给大家供大家参考,具体如下:目标单继承多继承面向对象三大特性封装根据职责将属性和方法封装到一个抽象的类中