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

Javascript
javascript实现的动态添加表单元素input,button等(appendChild)
javascript动态添加单元格的脚本代码
[原创]仿google adsense颜色选择器代码,从中易广告联盟程序提取
asp javascript 实现关闭窗口时保存数据的办法
javascript 下拉框显示当前日期
惊云JS随机排序程序随机显示信息-每次新闻显示顺序都不一样
javascript下有关dom以及xml节点访问兼容问题
js 复制功能 支持 for IE/FireFox/mozilla/ns
css图片自适应大小
比较简单的一个符合web标准的JS调用flash方法
javascript数组组合成字符串的脚本
XRegExp 0.2: Now With Named Capture
jQuery 研究心得 取得属性的值
防止网站内容被拷贝的一些方法与优缺点好处与坏处分析
Prototype1.6 JS 官方下载地址
jquery 指南/入门基础
jquery api参考 visualjquery 中国线路 速度快
js控制fieldset高度的代码
document.documentElement && document.documentElement.scrollTop
js同时按下两个方向键

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 396 ::
收藏到网摘: 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方法。