轩枫阁

首页 / Web前端 / 授人以渔 / Javascript / 前端开发之面向对象

前端开发之面向对象

一、 面向对象的基本概念

面向对象的英文全称叫做Object Oriented,简称OO。OO其实包括OOA(Object Oriented Analysis,面向对象分析)、OOD(Object Oriented Design,面向对象设计)和OOP(Object Oriented Programming,面向对象的程序设计)。

通常所说的面向对象是指OOP, OOP是一种围绕真实世界的概念来组织模型的程序设计方法,它采用对象来描述问题空间的实体。在使用计算机解决问题时,对象是作为计算机模拟真实世界的一个抽象,一个对象就是一个物理实体或逻辑实体,它反映了系统为之保存信息和(或)与它交互的能力。使其具有自己的属性和行为, 从而简化对复杂事物的描述,更有利于工程的可维护性和扩展性。

OOP同结构化程序设计相比最大的区别就在于: 前者首先关心的是所要处理的数据,而后者首先关心的是功能。

二、 面向对象三个基本特征

封装 (Encapsulation) 将数据以及相关的操作组织在一起,成为独立的构件。外部无法直接访问这些封装了的数据,从而保证了这些数据的正确性。封装的目的是为了内部数据表现形式和实现细节的隐藏,信息隐藏是为了减少系统各部分间的依赖性,各部分间必须通过明确的通道传送信息,也就是对象间的接口.这样一来,隐藏了部分内部的细节,极大方便系统的开发,维护和扩展。

继承 (Inheritance) 继承是一种联结类的层次模型,并且允许和鼓励类的重用,它提供了一种明确表述共性的方法。一个新类可以从现有的类中派生,这个过程称为类的继承。新类继承了原始类的特性,新类称为原始类的派生类(子类),而原始类称为新类的基类(父类)。派生类可以从它的基类那里继承方法和实例变量,并且派生类可以修改或增加新的方法使之更适合特殊的需求。继承性很好地解决了软件的可重用性问题。

多态 (Polymorphism) 多态是允许你将父对象设置成为和一个或更多的他的子对象相等的技术,赋值之后,父对象就可以根据当前赋值给它的子对象的特性以不同的方式运作。简单的说,就是允许类与类之间相同方法名的指针得以调用, 这样很好地解决了应用程序函数同名问题。实现多态,有二种方式,覆盖,重载。

三、 Javascript 面向对象

javascript本身是一种基于对象(object-based)的语言,我们日常编码过程中用到的所有东西几乎都是对象(Number, String, Boolean, etc.)。但是,相对于一些流行的面向对象语言(C++, C#, java),它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class的概念。

Keyword: class, object, this, closure, constructor, prototype

几种对象封装的方法

  • 继承
  • 多态体现

之一、几种对象封装的方法

1. 对象封装 – 原始模式

假定我们把猫看成一个对象,它有”name”和”color”两个属性, “etc” 行为。

现在,我们需要根据这个原型对象的规格(schema),生成两个实例对象。

 

不方便创建多个实例对象,扩展性差, 实例(cat1, cat2)之间找不到联系。…

2. 对象封装 – 构造函数模式

“构造函数”,就是一个普通函数,但是内部使用了 this 变量。对函数使用 new 运算符,就能生成实例,并且 this 变量会绑定在实例对象上。

使用构造器创建出来的对象会有一个 constructor 属性,指向它们的构造函数。

Class 只是一个模板,创建出来的来实例都是由模板生成。

比如,猫的原型对象现在可以这样写:

 

3. 对象封装 – Prototype 模式

prototypeFunction 对象的一个属性,这个属性指向另一个对象。 这个对象的所有属性和方法,都会被构造函数的实例继承。

同时 prototype 又存在一个指向构造函数的引用 constructor,这样就成功的构成一个循环引用的原型链结构。

我们可以把那些不变的属性和方法,直接定义在 prototype 对象上, 节省内存开销。

 

之二、继承 (Inheritance)

将持有共性特点的属性或行为抽象出一个基本类, 可以按不同层次结构的业务分组抽象出多个基础类。

Cat, Bird

2012102411055010

1. 继承 – 构造函数绑定

使用call或apply方法,将父对象的构造函数绑定在子对象上。

Cat 继承 Animal 的特性:

 

2. 继承 – 原型链继承

如果”猫”的prototype对象,指向一个Animal的实例,那么所有”猫”的实例,就能继承Animal了。

它相当于完全删除了prototype 对象原先的值,然后赋予一个新值

 

需要创建父类实列来实现 prototype 继承

3. 继承 (Inheritance) – 利用空对象作为中介实现原型继承

我们将上面的方法,封装成一个函数,便于使用。

4 继承 – 借住工具方法实现继承

 

之三、多态

1. 多态 – 通过重写原型方法来实现方法重名调用

2. 多态 (Polymorphism) – 原型继承 prototype 链上的方法、属性查找

2012102411055973

四、总结 Summary

Constructor

Prototype

Inheritance

本文标题:前端开发之面向对象 - 轩枫阁

转载请务必注明出处,欢迎分享

如果觉得我的文章对您有用,欢迎打赏
赞  赏
赞赏作者 urnotivan
¥ 6.66
换个金额 使用微信扫一扫赞赏
  • 6.66
  • 8.88
  • 16.8
  • 2.33
  • 52.0
  • 20.0
  • 自定义
  • 10.0
392/470
394/470

相关阅读

文章评论

  • 暂无评论

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子