您的位置:首页 > 移动开发 > Objective-C

Javascript创建Object的几种方式

2009-01-22 12:36 225 查看
在javascript中创建一个对象有以下几种方式,如下:

var bj = new Object();
obj.id=1;
obj.name="test";
obj.callFunc=function(){
alert("callFunc");
}
var bj = {};
obj.id=1;
obj.name="test";
obj.callFunc=function(){
alert("callFunc");
}
var bj = {
id:1,
name:"test",
callFunc:function(){
alert("callFunc");
}
};
那这3种方式各自的性能怎样呢,下面通过一段代码进行分析:
<script>
var start = new Date();
for (var i=0;i<100000 ;i++ )
{
var bj = new Object();
obj.id=i;
obj.name="test";
obj.callFunc=function(){
alert("callFunc");
}
}
document.write(""+(new Date() - start)+"ms");
start = new Date();
for (var i=0;i<100000 ;i++ )
{
var bj = {};
obj.id=i;
obj.name="test";
obj.callFunc=function(){
alert("callFunc");
}
}
document.write(""+(new Date() - start)+"ms");
start = new Date();
for (var i=0;i<100000 ;i++ )
{
var bj = {
id:i,
name:"test",
callFunc:function(){
alert("callFunc");
}
};
}
document.write(""+(new Date() - start)+"ms");
</script>
提示:您可以先修改部分代码再运行

这里可以说,
第一种方法创建对象是效率最低的,
第二种方式居中,第三种方式最快.

另外:
执行效率和对象的多少以及对象属性的多少有关系:
<script>
var start = new Date();
for (var i=0;i<5000 ;i++ )
{
var bj = {
id:i,
name:"test",
callFunc:function(){
alert("callFunc");
}
,
callFunc2:function(){
alert("callFunc2");
}
,
callFunc3:function(){
alert("callFunc3");
}
,
callFunc4:function(){
alert("callFunc4");
}
}
}
document.write(""+(new Date() - start)+"ms");
start = new Date();
for (var i=0;i<10000 ;i++ )
{
var bj = {
id:i,
name:"test",
callFunc:function(){
alert("callFunc");
}
};
}
document.write(""+(new Date() - start)+"ms");
</script>
提示:您可以先修改部分代码再运行

上面这段代码同样可以看出,
虽然都是采用相同的第三种办法来创建对象,
但由于第一段代码中的属性有6个(function也算属性的一种),执行5000次,
而第二段代码属性为3个,执行10000次,显然第一段代码的效率明显要慢。

总结:
1, 创建对象尽量使用:

var bj = {
id:1,
name:"test",
callFunc:function(){
alert("callFunc");
}
};
2,尽可能少的属性。

摘自:http://onlyaa.com/html/jsjc/20080613/2209.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: