[转帖]用Javascript创建对象的三种方式_Android, Python及开发编程讨论区_Weblogic技术|Tuxedo技术|中间件技术|Oracle论坛|JAVA论坛|Linux/Unix技术|hadoop论坛_联动北方技术论坛  
网站首页 | 关于我们 | 服务中心 | 经验交流 | 公司荣誉 | 成功案例 | 合作伙伴 | 联系我们 |
联动北方-国内领先的云技术服务提供商
»  游客             当前位置:  论坛首页 »  自由讨论区 »  Android, Python及开发编程讨论区 »
总帖数
1
每页帖数
101/1页1
返回列表
0
发起投票  发起投票 发新帖子
查看: 3296 | 回复: 0   主题: [转帖]用Javascript创建对象的三种方式        下一篇 
lusxingbao
注册用户
等级:少校
经验:1487
发帖:100
精华:0
注册:2012-11-12
状态:离线
发送短消息息给lusxingbao 加好友    发送短消息息给lusxingbao 发消息
发表于: IP:您无权察看 2012-11-13 16:09:55 | [全部帖] [楼主帖] 楼主

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的语法比较灵活,很多东西需要挖掘。




赞(0)    操作        顶端 
总帖数
1
每页帖数
101/1页1
返回列表
发新帖子
请输入验证码: 点击刷新验证码
您需要登录后才可以回帖 登录 | 注册
技术讨论