美文网首页IT修真院-前端
JS中的面向对象编程

JS中的面向对象编程

作者: 17064 | 来源:发表于2017-12-10 10:41 被阅读12次

大家好,我是IT修真院郑州分院第6期的学员王栋,一枚正直、纯洁、善良的前端程序员 

PPT


JS面向对象编程

今天给大家分享一下,修真院官网CSS(职业)任务4,深度思考中的知识点——JS中的面向对象

1.背景介绍

什么是对象?

ECMA-262把对象定义为:"无序属性的集合,其属性可以包括基本值、对象或者函数",相当于说对象是一组没有特定顺序的值。

对象的每一个属性和方法都有一个名字,每个名字都映射到一个值。

创建一个Object实例并添加属性和方法

什么是面向对象编程?

面向对象编程是一种通用思想,主要概念为:

把一组数据结构和处理它们的方法组成对象(object),

把相同行为的对象归纳为类(class),通过类的封装(encapsulation)隐藏内部细节,

通过继承(inheritance)实现类的特化(specialization)/泛化(generalization),

通过多态(polymorphism)实现基于对象类型的动态分派(dynamic

dispatch)。

什么是面向对象编程?

面向对象编程是一种通用思想,主要概念为:

把一组数据结构和处理它们的方法组成对象(object),

把相同行为的对象归纳为类(class),通过类的封装(encapsulation)隐藏内部细节,

通过继承(inheritance)实现类的特化(specialization)/泛化(generalization),

通过多态(polymorphism)实现基于对象类型的动态分派(dynamic

dispatch)。

为什么要面向对象编程

面向对象是为了解决系统的可维护性,可扩展性,可重用性:

a.数据和方法(方法可以理解为函数)被封装在一起,这样做改动的时候对整个程序的影响不大。

b.通过继承减少代码的冗余。

c.易扩展

2.知识剖析

面向对象的特征详解

封装:把属性和方法储存在到对象内部

继承:子类继承父类,可以继承父类的方法及属性,实现了多态以及代码的重用,因此也解决了系统的重用性和扩展性,但是继承破坏了封装.

多态:接口的多种不同的实现方式即为多态。接口是对行为的抽象.方法不变,通过接收的参数变化,来实现多态。

如何封装函数

构造函数模式

问题:每个属性和方法都要在每个实例上重新创建一遍,造成内存和资源的浪费

Prototype模式

把那些不变的属性和方法,直接定义在prototype对象上

3.常见问题

如何实现构造函数的继承

构造函数继承的缺点

方法都在构造函数中定义,函数的复用性就是个问题,因此构造函数的继承很少单独使用

组合继承

把原型链继承和构造函数继承组合到一起,发挥二者之间的长处

组合继承避免了原型链和构造函数的缺陷,融合了它们的优点,是一种比较常用的继承模式

6.扩展思考

面向过程到面向对象思维如何转变? 当我们习惯了面向过程编程时,发现在程序过程中到处找不到需要面向对象的地方,最主要的原因,是思维没有转变。 程序员通常在拿到一个需求的时候,第一个反应就是如何实现这个需求,这是典型的面向过程的思维过程,而且很快可能就实现了它。 而面向对象,面对的却是客体,第一步不是考虑如何实现需求,而是进行需求分析,就是根据需求找到其中的客体, 再找到这些客体之间的联系。因此面向过程和面向对象的思维转变的关键点,就是在第一步设计,拿到需求后, 一定先不要考虑如何实现它,而是通过UML建模,然后按照UML模型去实现它。这种思路的转变,可能需要个过程。

7.参考文献

参考一:赵学智

http://www.cnblogs.com/seesea125/archive/2012/04/03/2431176.html

参考二:阮一峰

http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_encapsulation.html

参考三:编程思想:面向对象和面向过程

https://www.cnblogs.com/BeiGuo-FengGuang/p/5935763.html

8.更多讨论

六种继承方式

http://www.cnblogs.com/ayqy/p/4471638.html

讨论问题一、

6种继承方式分别有什么区别?

1.原型链比较直接核心就一句

Sub.prototype =newSuper();拿父类实例来充当子类原型对象

具体要看这一篇

http://www.cnblogs.com/ayqy/p/4471638.html

讨论问题二、

具体讲一下多态

1、多态基本概念

多态是指一个引用(类型)在不同情况下的多种状态。也可以理解成:多态是指通过指向父类的引用,来调用在不同子类中实现的方法。

讨论问题三、

面向对象的主要应用场景

面向过程和面向对象都能实现功能,但是面向过程的可维护性和可扩展性会不如面向对象,但是面向过程刚开始的时候上手快。适合小型项目,面向对象更适合中大型项目。

相关文章

  • 浅谈JS中的面向对象

    浅谈JS中的面向对象 本文主要说说本人在JS中对面向对象的理解。 计算机编程语言主要分为面向过程式编程和面向对象式...

  • 面试题的总结与解答

    1,js中this指向的理解 在js面向对象编程里我们避免不了使用this,所以理解this指向对于在面向对象编程...

  • 2018-01-18

    js中的面向对象核心 js是基于对象的编程语言,在后面的学习中我们通过一种模式使其转化成为面向对象的语言。js面向...

  • javascript面向对象编程

    javascript面向对象编程一(封装) 通俗易懂绝对干货 JS面向对象编程

  • js面向对象

    js面向对象(第五周) 什么是面向对象 面向对象是一种编程思想,是在面向过程编程(结构化编程)之后出现的,面向对象...

  • ES6中的类的总结

    js常用的编程模式有面向过程编程和面向对象编程(1)面向过程编程“面向过程”(Procedure Oriented...

  • js高级 第一章

    JS面向对象编程 一、什么是面向对象思想(编程思想角度)? 现有的两种程序思想:面向过程和面向对象 1.面向过程...

  • JS面向对象

    JS面向对象入门 1、面向对象语言概念面向对象语言主要包括 类、对象、封装、多肽。2、面向对象的编程思想面向过程思...

  • JS高级3-语言特性

    一、 JS面向对象编程 1、 面向对象介绍 什么是对象? Everything is object (万物皆对象)...

  • JavaScript基础系列之——继承

    一、基本概念: JavaScript基于原型实现面向对象特性,在JS编程中,面向对象的继承是重点,本文将从简单...

网友评论

    本文标题:JS中的面向对象编程

    本文链接:https://www.haomeiwen.com/subject/ftlmixtx.html