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

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

目前创新互联建站已为上千家的企业提供了网站建设、域名、虚拟空间、网站托管、企业网站设计、新和网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

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

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

//直接实例化一个对象

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.先定义后实例化对象:

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

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方法来创建对象。

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

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);

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

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();

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

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();

分享文章：javascript必知必会：面象对象编程
转载源于：http://www.hantingmc.com/qtweb/news5/96855.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容