javascript必知必会：面象对象编程

面象对象编程技术的核心理念：封装、继承、多态；在一些主流的高级编程语言中，比 如：C#,VB.NET,JAVA,PHP等都是很容易实现的，而如果要在javascript中实现面象对象编程，可就不那么直接和容易了，因为 javascript并不是面向对象的语言，所以我们只能通过javascript的一些特性，比如：闭包、原型链等来模拟出面向对象编程，我认为这些是 作为熟练掌握与灵活运用javascript的基础，园子里已有很多的javascript高手对于这方面都有介绍与分析，而我仅以作为一个项目负责人 （独立设计与开发WEB前端与后端）的视角来重新理解javascript面向对象要点。

既然是面向对象，首先我们要知道如何创建一个对象，以下列出了创建对象的几种常见方法：

A.直接创建一个对象实例：


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

//直接实例化一个对象

var Person1 = { Name: "梦在旅途", Age: 29, Sex: "男", Height: 178 };

alert(Person1.Name);

var Person2 = new Object();

Person2.Name = "梦在旅途";

Person2.Age = 29;

Person2.Sex = "男";

Person2.Height = 178;

alert(Person2.Name);

//这个是上面的简写

var Person3 = new Object({ Name: "梦在旅途", Age: 29, Sex: "男", Height: 178 });

alert(Person3.Name);

优点：直接创建一个对象，无需提前定义类型；

缺点：无法实现复用；

B.先定义后实例化对象:


1

2

3

4

5

6

7

8

9

10

//先定义类，再实例化成对象

function Person4(n,a,s,h) {

    this.Name = n;

    this.Age = a;

    this.Sex = s;

    this.Height = h;

}

var p4 = new Person4("梦在旅途", 29, "男", 178);

alert(p4.Age);

优点：类似面向对象编程语言的构造函数，容易理解，且定义后可通过new关键字实例化多个对象，实现复用。

缺点：需先定义后才能实例化；

综上所述，建议采用B方法来创建对象。

实现封装，即只暴露公共方法与公共属性，隐藏实现细节（私有方法、属性）


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

function Person5(n, a, s, h) {

    //公共属性

    this.Name = n;

    this.Age = a;

    this.Sex = s;

    this.Height = h;

    

    //公共方法

    this.AfterYear = function (count) {

        updateAge(count);

        alert(_currentYear +"后，我已经：" + this.Age +"岁了！");

    };

    this.Say = function () {

        alert("我的个人信息－－> Name: "+ this.Name+", Age: "+ this.Age +", Sex: "+ this.Sex +", Height:" + this.Height);

    }

    //私有属性与方法

    var _self = this;

    var _currentYear = 2015;

    function updateAge(count) {

        _currentYear += count;

        _self.Age += count;

    };

}

var p5 = new Person5("梦在旅途", 29, "男", 178);

p5.AfterYear(10);

p5.AfterYear(25);

利用原型链实现继承，即一个对象包含另一个对象的所有公共属性与方法，实现继承的方法有很多，我觉得采用如下形式来模拟继承更符合面向对象的思维：


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

function SoftEngineer(n, a, s, h, lang) {

    Person5.call(this, n, a, s, h);//将Person5的所有属性与方法包含到SoftEngineer中，从而实现继承

    this.Lang = lang;

    this.SayCode = function () {

        alert("我是一名软件工程师，我会" + this.Lang + "编程语言！");

    }

    this.Working = function () { };//空方法，类似面向对象中的虚方法

}

SoftEngineer.prototype = new Person5(); //将SoftEngineer的原型指定Person5的实例

var softengr = new SoftEngineer("梦在旅途", 29, "男", 178, "javascript");

softengr.Say();

softengr.SayCode();

利用原型链实现多态，即基于同一个方法签名在不同的子类中表现的形式不同：


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

function WebSoftEngineer(n, a, s, h, lang) {

    SoftEngineer.apply(this, [n, a, s, h, lang]);

    this.Working = function () {

        alert("我是网页工程师，从事网页开发设计工作！");

    };

};

WebSoftEngineer.prototype = new SoftEngineer();

function AppSoftEngineer(n, a, s, h, lang) {

    SoftEngineer.apply(this, [n, a, s, h, lang]);

    this.Working = function () {

        alert("我是应用工程师，从事客户端应用程序开发设计工作！");

    };

};

AppSoftEngineer.prototype = new SoftEngineer();

var webengr = new WebSoftEngineer("梦在旅途", 29, "男", 178, "javascript");

webengr.Say();

webengr.Working();

var appengr = new AppSoftEngineer("梦在旅途", 29, "男", 178, "c#");

appengr.Say();

appengr.Working();
时间： 2024-10-12 13:05:50

javascript必知必会：面象对象编程的相关文章

必知必会JVM垃圾回收——对象搜索算法与回收算法

垃圾回收(GC)是JVM的一大杀器,它使程序员可以更高效地专注于程序的开发设计,而不用过多地考虑对象的创建销毁等操作.但是这并不是说程序员不需要了解GC.GC只是Java编程中一项自动化工具,任何一个工具都有它适用的范围,当超出它的范围的时候,可能它将不是那么自动,而是需要人工去了解与适应地适用. 拥有一定工作年限的程序员,在工作期间肯定会经常碰到像内存溢出.内存泄露.高并发的场景.这时候在应对这些问题或场景时,如果对GC不了解,很可能会成为个人的发展瓶颈. 接下来的两文将详细学习下JVM中垃圾

JSON必知必会学习总结（一）

七月第一周,从学校毕业回来上班的第一周.离开一段时候后,再次回来重新工作,有了很多新的认识,不再是实习时那么混混沌沌了.每天我自己该做什么,怎么做,做到什么程度更清晰了.除了要去完成我负责的工作,我开始去想除了完成工作我要从中获得什么. 今天早晨走的时候,随手塞包里一本薄薄的书--<JSON必知必会>,白天间隙的时候看了前两章,这两章设计的内容平时基本接触过,但是没有系统的总结过,看完之后清晰了很多. 首先,JSON是什么,这本书是说JSON是一种数据交换格式,被许多系统用于数据交换. 数据交

移动前端开发人员必知必会：移动设备概述

因为工作岗位的变换带来工作内容的变动,对于移动网站的前端开发已经疏远了好几个月,在这好几个月中有很多新的东西出现,自己所掌握的一些东西也已经陈旧,所以选择了这本书<HTML5触摸界面设计与开发>来系统地学习和整理一下关于移动网站前端开发的知识体系. 之所以选择这本书,一是因为这本书比较新,2014年04月发的第一版.其二是因为作者Stephen Woods,这是Flickr团队的资深前端,Yahoo主页的Javascript技术平台正是出自此人之手. 接下来的时间里会陆续上传关于这本书学习的一

正则表达式必知必会(修订版)整理教程

正则表达式必知必会(修订版)整理教程 1.   正则表达式入门 1.1  用途:是一种工具,主要用途是搜索变化多端的文本.匹配       到我们想要的信息. 1.2  使用正则表达式:在线测试工具:http://tool.oschina.net/regex/ 2.  匹配单个字符 2.1  匹配纯文本 例子: 文本 Hello,my name is zhaikaishun,please visitmy blog at http://blog.csdn.net/t1dmzks?viewmode=

图解 & 深入浅出Java初始化与清理：构造器必知必会

Writer      :BYSocket(泥沙砖瓦浆木匠) 微         博:BYSocket 豆         瓣:BYSocket FaceBook:BYSocket Twitter    :BYSocket 在面向对象编程中,编程人员应该在意"资源".比如 ? 1 <font color="#000000">String hello = "hello": </font> 在代码中,我们很在意在内存中Stri

移动前端开发者必知必会：移动设备概述

由于工作岗位的变换带来工作内容的变动,对于移动站点的前端开发已经疏远了好几个月,在这好几个月中有非常多新的东西出现,自己所掌握的一些东西也已经陈旧,所以选择了这本书<HTML5触摸界面设计与开发>来系统地学习和整理一下关于移动站点前端开发的知识体系. 之所以选择这本书,一是由于这本书比較新,2014年04月发的第一版.其二是由于作者Stephen Woods,这是Flickr团队的资深前端,Yahoo主页的Javascript技术平台正是出自此人之手. 接下来的时间里会陆续上传关于这本书学习的

第4节：Java基础 - 必知必会（中）

第4节:Java基础 - 必知必会(中) 本小节是Java基础篇章的第二小节,主要讲述抽象类与接口的区别,注解以及反射等知识点. 一.抽象类和接口有什么区别 抽象类和接口的主要区别可以总结如下: 抽象类中可以没有抽象方法,JDK8版本开始提供了接口总方法的default实现 抽象类和类一样是单继承的:接口可以实现多个父类 抽象类中可以存在普通的成员变量:接口中的变量必须是static final类型的,必须被初始化,接口中只能有常量,没有变量 解析: 在Java中,我们用abstract来定义抽

C++必知必会（6）

条款55模板的模板参数 见一下stack适配器采用默认Deque的例子 template<typename T, class Cont =Deque<T>> class Stack{ public: ~stack(); void push(); private: Conts_; }; 这里,Stack的用户现在必须提供一个模板实参,表示元素的类型,还可以提供一个表示容器的类型(默认为deque<T>),并且容器必须能够容纳该元素类型的对象. 如果Stack的用户乐于接受

正则表达式必知必会小总结

<正则表达式必知必会>这本书的确非常的简练实用,准确定位了正则表达式的用途,简明的介绍了正则表达式的基本使用形式.简单易懂,容易记忆,虽然从表面上看这本书的内容比较少而且简单,但是说的内容都是非常基础的砖石,无论想建造多么高大.吊炸天的大楼,基础的砖石都是必不可少的. 看完这本书,受益颇多,在此将书中的内容再次总结,搭起自己对于正则表达式的认识框架. 正则表达式的使用对象:文本/字符串.用途对文本/字符串进行搜索.替换. 正则表达式的基本匹配单位:一个字符. 正则表达式在不同的程序设计语言中,