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

Javascript
动态生成select选项全接触
不刷新页面动态更新select选项，实现两个select相互操作
网页输入框日期型有效性判定一网打尽
实用Javascript函数之一(自动将输入文本框中的内容转换成大写字符)
实用Javascript函数之二(自动将输入文本框中的内容转换成小写字符)
实用Javascript函数之三(限制文本输入框中只能输入数字\"0\"到\"9\")
实用Javascript函数之四(用于对sString字符串进行前空格截除)
实用Javascript函数之五(用于对sString字符串进行后空格截除)
实用Javascript函数之六(截除字符串前后空格)
如何使用交替的滚动标题
采用DOM模型时创建一个Select节点后，要删除option项的解决方法
javascript函数速查
利用JavaScript和正则表达式进行丰富的日期判断（给其它项目组的代码，有比较好的编程风格和注释）
关于字符串的几个有用函数
FileSystemObject 的例子（处理驱动器、文件夹、文件）
用JScript实现VB.Net,C#的[委托Delegate]:
得到固定字符位置的函数
IE NC通用的藏鼠标右键一法
Menu
foolpot2001菜单

No. « 3 4 5 6 »

技术文章搜索

关键字

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

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