手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >创建、调用JavaScript对象的方法集锦
创建、调用JavaScript对象的方法集锦
摘要:今天在做项目时,遇到了需要创建JavaScript对象的情况。所以Bing了一篇老外写的关于3种创建JavaScript对象的文章,看后跟着...

今天在做项目时,遇到了需要创建JavaScript对象的情况。所以Bing了一篇老外写的关于3种创建JavaScript对象的文章,看后跟着打了一遍代码。感觉方法挺好的,在这里与大家分享一下。

一、利用函数创建对象:

复制代码 代码如下:

//定义对象

function Animal(type)

{

this.name="";

this.type=type;

this.introduction=function(){

return "我的名字是: "+this.name+",我属于 "+this.type;

}

}

var animal=new Animal("家禽"); //实例化我们上面创建的对象

animal.name="小红";

alert(animal.introduction()); //调用它的introduction函数(此时,页面会弹出:我的名字是 小红,我属于 家禽);

这种方法,大家一定都很熟悉了。但是,使用这种方法会造成性能的损耗。在这里,我们是通过new关键子来实例化对象的。其实,new关键子是做了两件事。一,定义了一个匿名方法(Animal)。二、调用它。这样就不如我们接下来要介绍的方法高效了。

二、利用对象字面量(object literals):

不知道翻译的对不对,待会我会把原文地址告诉大家,有兴趣的可以看原文。

复制代码 代码如下:

//定义对象

var Book=

{

name:"红楼梦",

type:"文学作品",

getAuthor:function()

{

return :"我是曹雪芹的孩子!";

}

}

alert(Book.GetAuthor()); //调用对象方法,此时页面会出现:我是曹雪芹的孩子。

Book.name="灌篮"; //修改对象属性

alert(Book.name); //此时,页面会弹出:灌篮

相信大家看到代码,应该明白了为什么说这个方法会高效一些了。因为,它相当于定义了一个JavaScript全局变量。我们可以直接用它,不需要实例化它。但是,这样看起来怪怪的啊。那么,解决方案来了。我们来看看第三种方法吧。

三、单例模式(Singleton using a function):

翻译成单例模式,可能不是太妥。先看代码吧:

复制代码 代码如下:

//定义对象

var Gender=new function()

{

this.type="女生";

this.speaking=function()

{

return "我是"+this.type;

}

}

alert(Gender.speaking();) //使用对象 此时页面会出现:我是女生。

大家看这段儿代码,是不是与我们的方法一很像呢?但是,它可像方法一那样工作的。方法一,用一次对象,就要创建一次对象。这个方法,创建一次对象,就可以永久使用。所以,这种方式,很类似于设计模式中的单例模式。

【创建、调用JavaScript对象的方法集锦】相关文章:

javascript实时显示当天日期的方法

JavaScript Array对象详解

在JavaScript中使用NaN值的方法

JavaScript中的lastIndexOf()方法使用详解

javascript实现树形菜单的方法

javascript用函数实现对象的方法

JavaScript中的toLocaleLowerCase()方法使用详解

JavaScript每天定时更换皮肤样式的方法

js动态创建及移除div的方法

JavaScript中for循环的使用详解

精品推荐
分类导航