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 相关文章推荐
IE8的JavaScript点击事件(onclick)不兼容的解决方法
Nov 22 Javascript
jQuery表格插件ParamQuery简单使用方法示例
Dec 05 Javascript
node.js中的fs.readdir方法使用说明
Dec 17 Javascript
自己封装的常用javascript函数分享
Jan 07 Javascript
JavaScript对HTML DOM使用EventListener进行操作
Oct 21 Javascript
浅谈React 属性和状态的一些总结
Nov 21 Javascript
jQuery获取this当前对象子元素对象的方法
Nov 29 Javascript
实例浅析js的this
Dec 11 Javascript
Bootstrap源码解读标签、徽章、缩略图和警示框(8)
Dec 26 Javascript
在angularJs中进行数据遍历的2种方法
Oct 08 Javascript
实例讲解v-if和v-show的区别
Jan 31 Javascript
深入学习TypeScript 、React、 Redux和Ant-Design的最佳实践
Jun 17 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连接MySQL代码的参数说明
2008/06/07 PHP
php设计模式 Chain Of Responsibility (职责链模式)
2011/06/26 PHP
如何实现php图片等比例缩放
2015/07/28 PHP
PHP将MySQL的查询结果转换为数组并用where拼接的示例
2016/05/13 PHP
php分页原理 分页代码 分页类制作教程
2016/09/23 PHP
PHP中Session ID的实现原理实例分析
2019/08/17 PHP
多浏览器兼容的获取元素和鼠标的位置的js代码
2009/12/15 Javascript
js跨浏览器实现将字符串转化为xml对象的方法
2013/09/25 Javascript
Javascript基础教程之for循环
2015/01/18 Javascript
使用impress.js制作幻灯片
2015/09/09 Javascript
基于jQuery和CSS3制作响应式水平时间轴附源码下载
2015/12/20 Javascript
BootStrap+Angularjs+NgDialog实现模式对话框
2016/08/24 Javascript
详解Angularjs 自定义指令中的数据绑定
2018/07/19 Javascript
vue里input根据value改变背景色的实例
2018/09/29 Javascript
小程序获取周围IBeacon设备的方法
2018/10/31 Javascript
vuex实现及简略解析(小结)
2019/03/01 Javascript
vue前端框架—Mint UI详解(更适用于移动端)
2019/04/30 Javascript
vue登录以及权限验证相关的实现
2019/10/25 Javascript
Vue基于iview实现登录密码的显示与隐藏功能
2020/03/06 Javascript
原生js实现日期选择插件
2020/05/21 Javascript
原生js实现表格循环滚动
2020/11/24 Javascript
Vue 事件的$event参数=事件的值案例
2021/01/29 Vue.js
[07:47]DOTA2国际邀请赛采访专栏:探访Valve总部
2013/08/08 DOTA
python获取目录下所有文件的方法
2015/06/01 Python
python如何在列表、字典中筛选数据
2018/03/19 Python
让Django支持Sql Server作后端数据库的方法
2018/05/29 Python
浅谈keras.callbacks设置模型保存策略
2020/06/18 Python
python中str内置函数用法总结
2020/12/27 Python
canvas画布实现手写签名效果的示例代码
2019/04/23 HTML / CSS
html5将图片转换成base64的实例代码
2016/09/21 HTML / CSS
英国最大的女性服装零售商:Dorothy Perkins
2017/03/30 全球购物
英国行业制服供应商:Alexandra
2019/09/14 全球购物
4s店总经理岗位职责
2013/12/31 职场文书
园林技术个人的自我评价
2014/02/15 职场文书
使用vue判断当前环境是安卓还是IOS
2022/04/12 Vue.js
Android开发手册自定义Switch开关按钮控件
2022/06/10 Java/Android