手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript面向对象程序设计教程
JavaScript面向对象程序设计教程
摘要:JavaScript中对象的定义为:无序属性的集合,其属性可以包含基本值、对象或者函数。可以把对象想象成散列表,就是一组名值对(key:va...

JavaScript中对象的定义为:无序属性的集合,其属性可以包含基本值、对象或者函数。可以把对象想象成散列表,就是一组名值对(key:value),其中值可以是数据或函数,每个对象都是基于一个引用类型创建的。

理解对象

前面的博客里写过创建对象的方式有两种,一种是创建一个object的实例,另一种是使用对象字面量法:

var person = new Object(); person.sex = man; person.name = bluce person.age = 58; person.sayHi() = function(){ console.log('Hello World!'); }

但更多的是采用下面一种方式

var person = { sex:man, name:'bluce', age:'58', sayHi:function(){ console.log('Hello World!'); } }

创建对象

使用Object构造函数和对象字面量法都可以创建单个对象,但有明显的缺点:使用同一个接口创建很多对象,会产生大量的重复代码。常用的创建对象方式主要有工厂模式、构造函数模型、原型模式。

这里有自己的一个疑问:采用AMD规范后,编写的单个js文件,可以看做一个模块,也可以说是一个“类”,现在与JavaScript中的这个“类”概念有点混淆了,希望后面能分清应用场合吧。

关于JavaScript面向对象程序设计教程小编就给大家介绍到这里,希望对大家有所帮助!

下面给大家补充JavaScript面向对象设计——工厂模式

工厂模式是软件工程领域一种广为人知的设计模式,这种模式抽象了创建具体对象的过程,可以用函数来封装以特定接口创建对象的细节。

之前在Java的DAO中用过这种设计模式,比较容易理解。

function createPerson(name,age,sex){ var obj = new Object(); obj.name = name; obj.age = age; obj.sex = sex; obj.sayHi() = function(){ console.log(this.name); }; //引号不要漏掉,养成好的习惯 return obj; } var person1 = createPerson("bluce",58,"man"); var person2 = createPerson("john",68,"man");

使用该函数可以根据接收的参数创建一个包含必要信息的Person对象。可以无数次地调用这个函数,每次都会返回一个包含三个属性和一个方法的对象。工厂模式解决了创建多个相似对象的问题,但没有解决对象识别的问题(如何知道一个对象的类型)

【JavaScript面向对象程序设计教程】相关文章:

Javascript 高阶函数使用介绍

JavaScript Array对象详解

JavaScript事件委托实例分析

JavaScript正则表达式之multiline属性的应用

JavaScript基于setTimeout实现计数的方法

javascript用函数实现对象的方法

深入浅析JavaScript面向对象和原型函数

简单分析javascript面向对象与原型

JavaScript检测鼠标移动方向的方法

JavaScript 预解析的原理及实现

精品推荐
分类导航