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


Posted in Javascript onDecember 22, 2006

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>

Javascript 相关文章推荐
JavaScript中的Window窗口对象
Jan 16 Javascript
Jquery之美中不足小结
Feb 16 Javascript
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性
Aug 28 Javascript
Js中使用hasOwnProperty方法检索ajax响应对象的例子
Dec 08 Javascript
jQuery增加与删除table列的方法
Mar 01 Javascript
微信小程序  网络请求API详解
Oct 25 Javascript
Vue+Jwt+SpringBoot+Ldap完成登录认证的示例代码
May 21 Javascript
Vue.set()动态的新增与修改数据,触发视图更新的方法
Sep 15 Javascript
jQuery+vue.js实现的多选下拉列表功能示例
Jan 15 jQuery
解决layui弹出层layer的area过大被遮挡的问题
Sep 21 Javascript
jQuery实现异步上传一个或多个文件
Aug 17 jQuery
javascript实现拼图游戏
Jan 29 Javascript
拖动Html元素集合 Drag and Drop any item
Dec 22 #Javascript
拖动一个HTML元素
Dec 22 #Javascript
JavaScript中Array 对象相关的几个方法
Dec 22 #Javascript
JavaScript事件列表解说
Dec 22 #Javascript
改进:论坛UBB代码自动插入方式
Dec 22 #Javascript
用javascript获取地址栏参数
Dec 22 #Javascript
在IE下:float属性会影响offsetTop的取值
Dec 22 #Javascript
You might like
PHP获取ttf格式文件字体名的方法示例
2019/03/06 PHP
PHP开发实现快递查询功能详解
2019/04/08 PHP
PHP设计模式(三)建造者模式Builder实例详解【创建型】
2020/05/02 PHP
javascript实现仿银行密码输入框效果的代码
2007/12/13 Javascript
JQUERY设置IFRAME的SRC值的代码
2010/11/30 Javascript
JS定义回车事件(实现代码)
2013/07/08 Javascript
jquery实现微博文字输入框 输入时显示输入字数 效果实现
2013/07/12 Javascript
js正则表达exec与match的区别说明
2014/01/29 Javascript
js实现特定位取反原理及示例
2014/06/30 Javascript
JS实现鼠标滑过链接改变网页背景颜色的方法
2015/10/20 Javascript
jQuery Uploadify 上传插件出现Http Error 302 错误的解决办法
2015/12/12 Javascript
bootstrap学习笔记之初识bootstrap
2016/06/21 Javascript
AngularJS使用ng-repeat指令实现下拉框
2016/08/23 Javascript
自定义事件解决重复请求BUG的问题
2017/07/11 Javascript
vue checkbox 全选 数据的绑定及获取和计算方法
2018/02/09 Javascript
微信小程序swiper实现滑动放大缩小效果
2018/11/15 Javascript
一篇文章弄懂javascript中的执行栈与执行上下文
2019/08/09 Javascript
Vue组件间的通信pubsub-js实现步骤解析
2020/03/11 Javascript
基于原生js实现九宫格算法代码实例
2020/07/03 Javascript
js实现特别简单的钟表效果
2020/09/14 Javascript
JavaScript 常见的继承方式汇总
2020/09/17 Javascript
[02:41]辉夜杯现场一家三口 “我爸玩风行 我玩血魔”
2015/12/27 DOTA
Python中__call__用法实例
2014/08/29 Python
在Python中使用模块的教程
2015/04/27 Python
Python装饰器用法实例总结
2018/05/26 Python
检测浏览器对HTML5和CSS3支持度的方法
2015/06/25 HTML / CSS
PHP两种查询函数array/row的区别
2013/06/03 面试题
教育学专业毕业生的自我鉴定
2013/11/26 职场文书
幼儿园秋游活动方案
2014/01/21 职场文书
城市创卫标语
2014/06/17 职场文书
2014年销售工作总结与计划
2014/12/01 职场文书
英语导游词
2015/02/13 职场文书
主题班会开场白
2015/06/01 职场文书
会计实训总结范文
2015/08/03 职场文书
Tomcat执行startup.bat出现闪退的原因及解决办法
2022/04/20 Servers
html,css,javascript是怎样变成页面的
2023/05/07 HTML / CSS