Javascript在HTML中变得越来越强大,富客户端,HTML5中的WebGL等。但是我们书写Javascript的时候往往很随意,使用对象的封装是极好的。这里介绍Javascipt三种创建对象的方法。
使用关键字new创建对象
Js代码
function Person(name, age) {
this.name = name;
this.age = age;
}
var p = new Person(); // 也可填充初始化属性,如new Person("lingceng", 22)
使用Object直接创建对象
可以看出,这种方法扩展很方便。
Js代码
var obj = new Object(); // 这里也可写成 var = {};
obj.name = "lingceng";
obj.age = 22;
使用JSON语法创建
从Javascript1.2开始,创建对象有了更快捷的方式。
Js代码
var p = {
"name": "lingceng",
"gender": "male"
};
这里的方法来自李刚的《疯狂的AJAX讲义》,Google后会发现有更多的创建方法,主要是一些优化,例如这篇文章:js创建对象的几种常用方式无非是这三种方法混用、使用工厂模式和prototype优化的结果。文章中提到的使用prototype还是有必要的,可以让方法只有一份拷贝,例如使用上面的第一种方法,当挂载的是一个方法时可以这样:
Js代码
function person(name,age)
{
this.name=name;
this.age=age;
}
person.prototype={
ShowName:function(){
alert("这是Prototype中的ShowName:"+this.name);
},
ShowAge:function(){
alert(this.age);
}
}
Javascript的语法比较灵活,很多东西需要挖掘。