当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript 创建对象和构造类实现代码

Javascript
手把手教你做超酷的条形码效果
pjblog中的UBBCode.js
一个跟随鼠标的图片放大效果,与FF兼容
学习jquery之一
javascript英文日期(有时间)选择器
几行代码轻松搞定jquery实现flash8类似的连接效果
搜集了几个不错的下拉菜单效果
无间断滚动的新闻文章列表,兼容IE、Firefox和Opera,符合W3C标准。可作Marquee
一个js实现的所谓的滑动门
OfflineSave离线保存代码再次发布使用说明
css静态滤镜 + A:Hover 效果
js+ajax实现的A*游戏路径算法整理
JSON 学习之完全手册 图文
Javascript & DHTML 实例编程(教程)(四)初级实例篇2—动画
jQuery基础学习技巧总结
jQuery 中关于CSS操作部分使用说明
经常用的图片在容器中的水平垂直居中实例
比较不错的一款图片广告效果
用javascript实现的汉字简繁转换
javascript实现的文字加密解密

Javascript 中的 JavaScript 创建对象和构造类实现代码


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

JavaScript学习笔记:创建对象和构造类. 创建一个对象
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方法。