当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript使用prototype定义对象类型(转)[

Javascript
图片放大镜效果代码
超棒的javascript页面顶部卷动广告效果
javascript 改变网页加载的CSS
javascript实现仿银行密码输入框效果的代码
麦鸡的TAB切换功能结合了javascript和css
mapper--图片热点区域高亮组件官方站点
undefined==null引发的两者区别与联系
用cookies实现的可记忆的样式切换效果代码下载
特漂亮的JS图片排列旋转效果代码
js jquery做的图片连续滚动代码
利用js跨页面保存变量做菜单的方法
用javascript做一个webgame连连看大家看下
Javascript 各浏览器的 Javascript 效率对比
北京奥运官方网站幻灯切换效果flash版打包下载
纯js无flash仿搜狐女人频道FLASH图片切换效果代码
javascript实现的三维正方体(兼容ie7,ff)
浅谈javascript函数劫持[转自xfocus]
连续操作HTMLElement对象图文解决方法
Javascript jquery css 写的简单进度条控件
地址栏上的一段语句,改变页面的风格。(教程)

Javascript 中的 JavaScript使用prototype定义对象类型(转)[


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

From: JavaEye.com
prototype提供了一套JavaScript面向对象基础设施,我们可以使用它来进行面向对象编程,定义对象类型方式如下:
var Person = Class.create();
Person.prototype = {
initialize : function(name, age) {
this.name = name;
this.age = age;
},
toString : function() {
document.writeln("[name]:"+this.name+"<br>"+"[age]:"+this.age);
}
}

先使用Class.create()来创建一个对象类型,然后定义该对象类型,注意initialize方法是Person的构造器,完整的HTML如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test Object</title>
<script type="text/javascript" src="prototype.js"></script>
</head>
<body>
<script type="text/javascript">
var Person = Class.create();
Person.prototype = {
initialize : function(name, age) {
this.name = name;
this.age = age;
},
toString : function() {
document.writeln("[name]:"+this.name+"<br>"+"[age]:"+this.age);
}
}
var person = new Person("robbin",30);
person.toString();
</script>
</body>
</html>