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 异常处理使用总结
Jun 21 Javascript
web 页面分页打印的实现
Jun 22 Javascript
JavaScript定义类或函数的几种方式小结
Jan 09 Javascript
javascript学习笔记(八)正则表达式
Oct 08 Javascript
JavaScript版的TwoQueues缓存模型
Dec 29 Javascript
JavaScript检查弹出窗口是否被阻拦的方法技巧
Mar 13 Javascript
javascript 动态修改css样式方法汇总(四种方法)
Aug 27 Javascript
jQuery中deferred对象使用方法详解
Jul 14 Javascript
利用Decorator如何控制Koa路由详解
Jun 26 Javascript
微信小程序封装多张图片上传api代码实例
Dec 30 Javascript
详细谈谈JavaScript中循环之间的差异
Aug 23 Javascript
vue ref如何获取子组件属性值
Mar 31 Vue.js
拖动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
上海永华YH-R296(华普R-96)12波段立体声收音机的分析和打理
2021/03/02 无线电
PHP安装问题
2006/10/09 PHP
PHP配置文件中最常用四个ini函数
2007/03/19 PHP
php在程序中将网页生成word文档并提供下载的代码
2012/10/09 PHP
PHP命名空间简单用法示例
2018/12/28 PHP
PHP 文件上传限制问题
2019/09/01 PHP
JavaScript Base64编码和解码,实现URL参数传递。
2006/09/18 Javascript
[原创]后缀就扩展名为js的文件是什么文件
2007/12/06 Javascript
javascript preload&amp;lazy load
2010/05/13 Javascript
Seajs的学习笔记
2014/03/04 Javascript
基于jQuery实现最基本的淡入淡出效果实例
2015/02/02 Javascript
JS实现模拟风力的雪花飘落效果
2015/05/13 Javascript
window.location.reload 刷新使用分析(去对话框)
2015/11/11 Javascript
Bootstrap Table使用心得总结
2016/11/29 Javascript
JS+DIV实现的卷帘效果示例
2017/03/22 Javascript
html5+canvas实现支持触屏的签名插件教程
2017/05/08 Javascript
Node.js 使用jade模板引擎的示例
2018/05/11 Javascript
JS实现简单的点赞与踩功能示例
2018/12/05 Javascript
vue-cli3 取消eslint校验代码的解决办法
2020/01/16 Javascript
如何使用JS console.log()技巧提高工作效率
2020/10/14 Javascript
解决VUE 在IE下出现ReferenceError: Promise未定义的问题
2020/11/07 Javascript
python中mechanize库的简单使用示例
2014/01/10 Python
Python中map和列表推导效率比较实例分析
2015/06/17 Python
Fabric 应用案例
2016/08/28 Python
python 生成器生成杨辉三角的方法(必看)
2017/04/10 Python
将python安装信息加入注册表的示例
2019/11/20 Python
Python实现新型冠状病毒传播模型及预测代码实例
2020/02/05 Python
重构Python代码的六个实例
2020/11/25 Python
pycharm配置QtDesigner的超详细方法
2021/01/25 Python
一款利用css3的鼠标经过动画显示详情特效的实例教程
2014/12/29 HTML / CSS
美国著名的婴儿学步鞋老品牌:Robeez
2016/08/20 全球购物
PHP引擎php.ini参数优化深入讲解
2021/03/24 PHP
30岁生日感言
2014/01/25 职场文书
自主招生学校推荐信范文
2015/03/26 职场文书
家庭贫困证明
2015/06/16 职场文书
Python中的min及返回最小值索引的操作
2021/05/10 Python