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操作cookie_获取与修改代码
May 21 Javascript
js给页面加style无效果的解决方法
Jan 20 Javascript
node.js中的require使用详解
Dec 15 Javascript
JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法
Dec 07 Javascript
jQuery zTree 异步加载添加子节点重复问题
Nov 29 jQuery
Vue实现点击后文字变色切换方法
Feb 11 Javascript
Vue.js 中取得后台原生HTML字符串 原样显示问题的解决方法
Jun 10 Javascript
JavaScript判断数组类型的方法
Oct 23 Javascript
使用webpack/gulp构建TypeScript项目的方法示例
Dec 18 Javascript
详解微信小程序中var、let、const用法与区别
Jan 11 Javascript
javascript读取本地文件和目录方法详解
Aug 06 Javascript
JS异步宏队列微队列原理详解
Sep 09 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 curl模拟post请求小实例
2013/11/13 PHP
php中Snoopy类用法实例
2015/06/19 PHP
php导出中文内容excel文件类实例
2015/07/06 PHP
PHP 芝麻信用接入的注意事项
2016/12/01 PHP
jQuery Tab插件 用于在Tab中显示iframe,附源码和详细说明
2011/06/27 Javascript
两个listbox实现选项的添加删除和搜索
2013/03/01 Javascript
jquery使用淘宝接口跨域查询手机号码归属地实例
2013/11/28 Javascript
使用jquery组件qrcode生成二维码及应用指南
2015/02/22 Javascript
js简单的点击返回顶部效果实现方法
2015/04/10 Javascript
JavaScript统计网站访问次数的实现代码
2015/11/18 Javascript
JS去掉字符串前后空格或去掉所有空格的用法
2017/03/25 Javascript
jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
2017/07/05 jQuery
详解用webpack把我们的业务模块分开打包的方法
2017/07/20 Javascript
微信小程序开发教程之增加mixin扩展
2017/08/09 Javascript
JS基于对象的链表实现与使用方法示例
2019/01/31 Javascript
小程序最新获取用户昵称和头像的方法总结
2019/09/23 Javascript
javascript实现贪吃蛇小游戏
2020/07/28 Javascript
vue 数据操作相关总结
2020/12/17 Vue.js
[51:44]2018DOTA2亚洲邀请赛 4.3 突围赛 Optic vs iG 第二场
2018/04/04 DOTA
在阿里云服务器上配置CentOS+Nginx+Python+Flask环境
2016/06/18 Python
numpy给array增加维度np.newaxis的实例
2018/11/01 Python
三步实现Django Paginator分页的方法
2019/06/11 Python
Django中自定义admin Xadmin的实现代码
2019/08/09 Python
基于Python获取城市近7天天气预报
2019/11/26 Python
Python基于argparse与ConfigParser库进行入参解析与ini parser
2021/02/02 Python
定义一结构体数组表示分数,并求两个分数相加之和
2013/06/11 面试题
C# Debug和Testing相关面试题
2015/10/25 面试题
房地产开发计划书
2014/01/10 职场文书
办公室员工岗位工作职责
2014/03/10 职场文书
商务助理求职信范文
2014/04/20 职场文书
医学求职信
2014/05/28 职场文书
优秀本科毕业生自荐信
2014/07/04 职场文书
四风问题自查自纠工作情况报告
2014/10/28 职场文书
离退休人员聘用协议书
2014/11/24 职场文书
2014年助理政工师工作总结
2014/12/19 职场文书
python处理json数据文件
2022/04/11 Python