创建、调用JavaScript对象的方法集锦
2014-12-24 09:02
441 查看
今天在做项目时,遇到了需要创建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对象的方法集锦
- java 和 JavaScript都可以在创建一个对象时,就可以通过这个对象调用相应方法
- javascript中 对象创建的三种方式及其调用方法
- 遍历获取ASP.NET页面控件的名称及值 后台调用前台javascript方法报错:“缺少对象”的解决方法 xml与DataSet的互转换类
- 后台调用前台javascript方法报错:“缺少对象”的解决方法
- C#反射 创建对象,调用方法
- javascript 函数调用的对象和方法
- Javascript 创建对象的两种方法
- JavaScript创建高级对象的方法
- javascript 函数调用的对象和方法
- JavaScript创建对象与构造函数的实现方法
- JavaScript对象创建的几种方式及使用方法
- 用Javascript创建对象的另外一种方法
- Javascript访问Cookie的四个基本方法无论是在创建页面还是构建对象都会使用到,单独拿出来备用:
- java创建一个子类对象是会调用父类的构造方法会不会创建父类
- 使用反射-动态创建对象及调用对象方法
- JavaScript基于原型的对象(创建、调用)
- JavaScript 基于原型的对象(创建、调用)
- 创建健壮的isArray()函数(JavaScript中判断对象类型的种种方法)[转]
- JavaScript操作Word之“Automation 服务器不能创建对象”解决方法