当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript学习笔记:创建对象和构造类

Javascript
JQuery Tips(3) 关于$()包装集内元素的改变
JavaScript 创建随机数和随机图片
javascript document.execCommand() 常用解析
firefox下对ajax的onreadystatechange的支持情况分析
Javascript attachEvent传递参数的办法
jQuery Attributes(属性)的使用(一、属性篇)
jquery自动完成插件(autocomplete)应用之PHP版
查询绑定数据岛的表格中的文本并修改显示方式的js代码
讨论javascript(一)工厂方式 js面象对象的定义方法
IE不支持option的display样式,只能使用remove和add
多浏览器兼容的获取元素和鼠标的位置的js代码
js checkbox全选并将获取值放到input里边
javascript 日期联动选择器 [其中的一些代码值得学习]
javascript实现的仿51job地址多项选择方式效果
jQuery 渐变下拉菜单
利用图片的 onerror 事件载入默认图片
js实现页面打印功能实例代码(附去页眉页脚功能代码)
JQuery读取XML文件数据并显示的实现代码
比较详细的关于javascript 解析json的代码
TextArea 控件的最大长度问题(js json)

Javascript 中的 JavaScript学习笔记:创建对象和构造类


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 444 ::
收藏到网摘: n/a

创建一个对象
Java代码
 <script type="text/javaScript"> var newObject=new Object(); //创建一个对象 newObject.firstName="frank"; //增加一个firstName属性 newObject.sayName=function(){ alert(this.firstName); } //添加一个sayName方法
//调用sayName方法
// newObject.sayName();
// newObject["sayName"](); var FirstName=newObject["firstName"]; var whatFunction;
// if(whatVolume==1){
// whatFunction="sayName";
// }else if(whatVolume==2){
// whatFunction="sayLoudly"
// }
// newObject[whatFunction](); function sayLoudly(){ alert(this.firstName.toUpperCase()); } newObject.sayLoudly=sayLoudly; //另一种方式添加方法 newObject["sayLoudly"](); </script>

利用json(javaScript Object Notation)创建对象和上面同样的效果。
Java代码
 function sayLoudly(){ alert(this.firstName.toUpperCase()); } var newObject={ firstName:"frank", sayName:function(){alert(this.firstName);}, sayLoudly:sayLoudly };
//也可以这样 var newObject={ firstName:"frank", sayName:function(){alert(this.firstName);}, sayLoudly:sayLoudly, lastName:{ lastName:"ziggy", sayName:function(){alert(this.lastName);} } }; newObject.lastName.sayName();

这样也ok
Java代码
 function sayLoudly(){ alert(this.name.toUpperCase()); } function sayName(){ alert(this.name); } var newObject={ name:"frank", sayName:sayName, sayLoudly:sayLoudly, lastName:{ name:"ziggy", sayName:sayName } }; newObject.lastName.sayName();

JavaScript 中的类,还有构造方法。。。
Java代码
 function newClass(){ alert("constructor"); this.firstName="frank"; this.sayName=function(){alert(this.firstName);} // return this; } //var nc=newClass(); var nc=new newClass(); //nc.firstName="ziggy"; is ok nc.sayName();

还可以这样来构造类
Java代码
 function newClass(){ this.firstName="frank"; } newClass.prototype.sayName=function(){ alert(this.firstName); } var nc=new newClass(); nc.firstName="ziggy"; nc.sayName(); var nc2=new newClass(); nc2.sayName();

一般用prototypes来添加方法,这样不管有多少个实例,在内存中只有一个sayName方法。