Flyingis
Talking and thinking freely !
Flying in the world of GIS !
BlogJava
|
首页
|
发新随笔
|
发新文章
|
联系
|
聚合
|
管理
随笔:156 文章:16 评论:546 引用:0
JavaScript 中的对象(下)
作者:
Flyingis
5 自定义类和对象
5.1 工厂方法
在ECMAScript中创建工厂方法,返回一个特定类型的对象,以此实现代码的简洁适用。
function
createFruit()
{
var
tempFruit
=
new
Object;
tempFruit.name
=
"
apple
"
;
tempFruit.number
=
5
;
tempFruit.showName
=
function
()
{
alert(
this
.name);
}
;
return
tempFruit;
}
var
Fruit1
=
creatFruit();
var
Fruit2
=
creatFruit();
在createFruit()中可以加入形参来传入参数的值。随着ECMAScript不断被规范化,这种创建对象的方法已不再流行,一部分原因是语法上的,一部分原因是功能上的,如每个对象的实例都拥有属于自己的showName方法,给内存管理带来一定的开销。
5.2 构造函数
选择一个类名,第一个字母大写,该类名即是构造函数的名称。创建一个构造函数和工厂方法比较类似,不同的是需要使用关键字new来创建对象的引用。使用构造函数的方式来创建对象和使用工厂方法有着相同的弊端。
function
Fruit(name, number)
{
this
.name
=
name;
this
.number
=
number;
this
.showName
=
function
()
{
alert(
this
.name);
}
;
}
var
Fruit1
=
new
Fruit(
"
apple
"
,
5
);
var
Fruit2
=
new
Fruit(
"
pear
"
,
3
);
5.3 使用 Prototype
使用prototype属性可以用来创建新的对象,首先需要一个空的构造函数建立类的名称,然后所有的属性和方法都直接分配到prototype属性中。
function
Fruit()
{
}
Fruit.prototype.name
=
"
apple
"
;
Fruit.prototype.number
=
5
;
Fruit.prototype.showName
=
function
()
{
alert(
this
.name);
}
;
var
fruit1
=
new
Fruit();
var
fruit2
=
new
Fruit();
但是,这样同样存在一些缺点。首先,构造函数中没有参数,给初始化带来一些麻烦,其次,当一个属性指向的是一个对象而非方法时,该对象会被所有的实例所共享,任何一点改动都会影响到其他对象引用的使用。
5.4 混合使用工厂方法和Prototype
这个概念很简单:使用构造函数定义所有除方法外的属性,使用 prototype 定义对象的方法。这样每个方法只会被创建一次,每个对象都能拥有自己对象实例的属性。
function
Fruit(name, number)
{
this
.name
=
name;
this
.number
=
number;
this
.owner
=
new
Array(
"
Jerry
"
,
"
Terry
"
);
}
Fruit.prototype.showName
=
function
()
{
alert(
this
.name);
}
;
var
Fruit1
=
new
Fruit(
"
apple
"
,
5
);
var
Fruit2
=
new
Fruit(
"
pear
"
,
3
);
5.5 动态 prototype
简单来说,这种方法就是使用了一个标识符来判断 prototype 是否已经被指向某个方法,从而保证这些方法只会被创建并指向一次。
5.6 混合工厂方法
这种方法和经典的工厂方法及构造函数方法在对象方法内存管理上存在同样的问题,一般不建议使用该方法,除了某些特殊情况(XML in JavaScript中有这样的例子)。
6 修改对象
使用prototype对象可以对对象进行修改。除了用户自定义的对象外,ECMAScript原始对象也有prototype属性。直接使用 prototype可以给对象创建新的方法。
Number.prototype.toHexString
=
function
()
{
return
this
.toString(
16
);
}
;
var
iNum
=
10
;
alert(iNum.toHexString());
//
输出A
另外,使用prototype可以轻松修改已有的方法,让方法名指向新的方法。需要注意的是,指向新的方法后,原有的方法不再被任何对象使用,将会被垃圾回收器销毁,使得原有方法不再存在。比较安全的解决办法是,建立一个新的引用来保存原有的方法,然后再将原方法覆盖。
比较特殊的是,ECMAScript中创建对象,在对象引用被创建后,可以给对象加入新的方法,并且可以立即在对象的引用中使用。这是ECMAScript的一个特性,但不推荐这样使用,以免带来不必要的麻烦,例如阅读理解、文档资料等。
发表于 2006-07-03 14:02
Flyingis
阅读(2966)
评论(3)
编辑
收藏
所属分类:
Web 客户端技术
评论
#
re: JavaScript 中的对象(下)
function Fruit(name, number) {
this.name = name;
this.number = number;
this.owner = new Array("Jerry", "Terry");
}
Fruit.prototype.showName = function() {
alert(this.name);
};
var Fruit1 = new Fruit("apple", 5);
var Fruit2 = new Fruit("pear", 3);
#
re: JavaScript 中的对象(下)
javascript自定义的对象会不会被页面自动缓存??
#
re: JavaScript 中的对象(下)
@Vin
页面下载js在客户端执行,js对象占用内存,但不会在页面缓存。
IT新闻
新用户注册
刷新评论列表
标题
姓名
主页
验证码
*
内容(请不要发表任何与政治相关的内容)
Remember Me?
登录
使用高级评论
新用户注册
返回页首
恢复上次提交
[使用Ctrl+Enter键可以直接提交]
该文被作者在 2006-07-25 21:19 编辑过
相关链接:
网站导航:
博客园
BlogJava
博客生活
IT博客网
C++博客
PHP博客
博客园社区
管理博客
教师博客
天文博客
汽车博客
足球博客
股票博客
电子博客
管理
相关文章:
[DWR文档] WEB-INF 参考
DWR 中文文档
用 JavaScript 玩转 DOM Level 1
[翻译] 如何在 JavaScript 中实现拖放(下)
[翻译] 如何在 JavaScript 中实现拖放(中)
[翻译] 如何在 JavaScript 中实现拖放(上)
JavaScript 随笔汇集
[翻译] "this" of JavaScript
JavaScript 对象的反射及应用
使用 JSON 创建对象
<
2006年7月
>
日
一
二
三
四
五
六
25
26
27
28
29
30
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
31
1
2
3
4
5
公告
Flyingis
博客空间内所有文章除特别声明为[转载],均为作者的学习心得和原创作品。如要转载,请注明作者名
flyingis及原文地址
联系方式
----
博客订阅
----
Google 广告
----
常用链接
我的随笔
我的评论
我的参与
最新评论
留言簿
(28)
给我留言
查看公开留言
查看私人留言
我参与的团队
架构师之家(0/0)
WebGIS开发设计组(0/0)
随笔分类
Algorithm(4)
(rss)
ArcEngine(9)
(rss)
ArcGIS Server(5)
(rss)
ArcIMS(7)
(rss)
ArcSDE(2)
(rss)
Diary(22)
(rss)
Eclipse Plugin(1)
(rss)
GIS-GPS-RS(28)
(rss)
Hibernate(6)
(rss)
JavaSE(28)
(rss)
Linux | Unix 技术(5)
(rss)
Web 客户端技术(24)
(rss)
Web 框架与开发(11)
(rss)
其他开源(3)
(rss)
架构与设计(8)
(rss)
随笔档案
2008年4月 (1)
2007年12月 (2)
2007年10月 (2)
2007年9月 (4)
2007年8月 (3)
2007年7月 (2)
2007年6月 (4)
2007年5月 (2)
2007年4月 (8)
2007年3月 (4)
2007年1月 (4)
2006年12月 (2)
2006年11月 (7)
2006年10月 (6)
2006年9月 (11)
2006年8月 (5)
2006年7月 (8)
2006年6月 (6)
2006年5月 (3)
2006年4月 (7)
2006年3月 (9)
2006年2月 (5)
2006年1月 (11)
2005年12月 (16)
2005年11月 (19)
2005年10月 (5)
文章分类
Health(1)
(rss)
Life(4)
(rss)
Recycle Bin(4)
(rss)
Technology(7)
(rss)
新闻档案
2006年10月 (1)
.Net 技术
ASP.net
(rss)
Ajax Technology
Ajaxian
(rss)
AjaxPatterns
Ajax中国
(rss)
ASP.Net Ajax
(rss)
Cross Browser
dp.SyntaxHighlighter
DWR
dynarch.com
(rss)
JavaScript Weblog
(rss)
Prototype
Rico
script.aculo.us
SoftComplex
WebFX
Eclipse Technology
Eclipse
Eclipsepowered
EclipseWorld
ESRI Technology
ESRI
(rss)
ESRI Developer Network
ESRI 中国
(rss)
ESRI 中国社区
GIS Technology
EOGEO
FreeGIS
GISuser.com
OGC
(rss)
OSGeo
uDig
Java Technology
Dev2Dev
(rss)
IBM developerWorks(CN)
IBM developerWorks(EN)
InfoQ
InfoQ in China
JavaEye
(rss)
Matrix
Openfans
(rss)
TheServerSide
(rss)
Linux Technology
LinuxSir
Ubuntu
中国Linux公社
Open Source
Apache
PostgreSQL
(rss)
SourceForge
个人博客
Flyingis in 3sNews
(rss)
Flyingis in cnblogs
(rss)
Flyingis in JavaEye
(rss)
精彩博客(技术类)
Carlwave-陆飞
(rss)
dudu
(rss)
emu
(rss)
Java Tang
(rss)
pesome
(rss)
sinoly
(rss)
zkjbeyond
(rss)
天狼
(rss)
姜利阳
(rss)
浩淼的天空
(rss)
蓝色森林
(rss)
马维峰
(rss)
精彩博客(非技术)
摄影博客-抓拍城市
(rss)
搜索
积分与排名
积分 - 318619
排名 - 16
最新评论
1. re: GIS空间分析
地理空间数据分析与GIS
这个书有电子版么?请发个到我邮箱~~
谢谢啊
oldmao_2001@163.com
--Mm
2. re: 小议final关键字
夯实基础,势在必行!
--Robert Hamming
3. re: 在Linux下安装JDK及环境设置
logout是为了让环境变量生效,source或切换用户就行。
--Flyingis
4. re: ArcGIS Server 开发系列(一)--编程框架总览
是发在博客上的系列文章
http://flyingis.cnblogs.com
--Flyingis
5. re: shapefile 和 MapGIS 文件格式之间的转换
相对完善的转换软件会有一定市场,现在用在哪些行业了?
--Flyingis
阅读排行榜
1. JavaScript 调试工具(10938)
2. 在Linux下安装JDK及环境设置(10809)
3. ArcIMS 体系结构(6628)
4. DWR 中文文档(6385)
5. [翻译] 如何在 JavaScript 中实现拖放(上)(5264)
6. Hibernate学习心得--性能优化(4674)
7. [翻译] 如何在 JavaScript 中实现拖放(下)(4161)
8. 了解 Ajax 框架--充电开始(4083)
9. 正则表达式--JavaScript 实现基础(4013)
10. Java接口特性学习(3871)
11. IntelliJ IDEA 5.1 初步感受 + crack(3753)
12. ArcIMS 连接器--.NET Link 使用方法(3737)
13. [翻译] 如何在 JavaScript 中实现拖放(中)(3649)
14. 用 JavaScript 玩转 DOM Level 1(3588)
15. 测试你电脑功率的大小(3468)
评论排行榜
1. wallop 和orkut 的差异(143)
2. ArcIMS 连接器--.NET Link 使用方法(70)
3. IntelliJ IDEA 5.1 初步感受 + crack(16)
4. ArcIMS 体系结构(12)
5. [翻译] 如何在 JavaScript 中实现拖放(下)(11)