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 相关文章推荐
jquery 锁定弹出层实现代码
Feb 23 Javascript
读jQuery之十一 添加事件核心方法
Jul 31 Javascript
JS动态调用方法名示例介绍
Dec 18 Javascript
谈谈基于iframe、FormData、FileReader三种无刷新上传文件的方法
Dec 03 Javascript
JavaScript常用判断写法大全(推荐)
May 30 Javascript
jquery判断input值不为空的方法
Jun 05 Javascript
JS实现前端缓存的方法
Sep 21 Javascript
从0到1构建vueSSR项目之路由的构建
Mar 07 Javascript
React精髓!一篇全概括小结(急速)
May 23 Javascript
Vue.js实现大转盘抽奖总结及实现思路
Oct 09 Javascript
vue遍历对象中的数组取值示例
Nov 07 Javascript
【js设计模式】SOLID五大设计原则
Mar 24 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
比较discuz和ecshop的截取字符串函数php版
2012/09/03 PHP
PHP远程采集图片详细教程
2014/07/01 PHP
php用ini_get获取php.ini里变量值的方法
2015/03/04 PHP
PHP数组操作――获取数组最后一个值的方法
2015/04/14 PHP
Laravel如何使用Redis共享Session
2018/02/23 PHP
解决laravel查询构造器中的别名问题
2019/10/17 PHP
jquery中的过滤操作详细解析
2013/12/02 Javascript
使用jQuery加载html页面到指定的div实现方法
2016/07/13 Javascript
jQuery通过ajax方法获取json数据不执行success的原因及解决方法
2016/10/15 Javascript
JavaScript中setTimeout的那些事儿
2016/11/14 Javascript
node+experss实现爬取电影天堂爬虫
2016/11/20 Javascript
jQuery实现一个简单的验证码功能
2017/06/26 jQuery
Vue修改mint-ui默认样式的方法
2018/02/03 Javascript
Vue2.0 给Tab标签页和页面切换过渡添加样式的方法
2018/03/13 Javascript
jQuery实现鼠标滑过商品小图片上显示对应大图片功能【测试可用】
2018/04/27 jQuery
vue图片裁剪插件vue-cropper使用方法详解
2020/12/16 Vue.js
手写Vue源码之数据劫持示例详解
2021/01/04 Vue.js
[01:03:54]Liquid vs IG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python random模块常用方法
2014/11/03 Python
在Python中marshal对象序列化的相关知识
2015/07/01 Python
对python 数据处理中的LabelEncoder 和 OneHotEncoder详解
2018/07/11 Python
python列表使用实现名字管理系统
2019/01/30 Python
Python使用crontab模块设置和清除定时任务操作详解
2019/04/09 Python
基于h5py的使用及数据封装代码
2019/12/26 Python
Python爬虫爬取、解析数据操作示例
2020/03/27 Python
pytorch查看模型weight与grad方式
2020/06/24 Python
css3 实现滚动条美化效果的实例代码
2021/01/06 HTML / CSS
html5 http的轮询和Websocket原理
2018/10/19 HTML / CSS
阿波罗盒子:Apollo Box
2017/08/14 全球购物
日期和时间问题
2015/01/04 面试题
大学生农村教师实习自我鉴定
2013/09/21 职场文书
毕业学生推荐信
2013/12/01 职场文书
优秀工会工作者事迹材料
2014/06/02 职场文书
2014年全国爱牙日宣传活动方案
2014/09/21 职场文书
行政撤诉申请书
2015/05/18 职场文书
导游词之沈阳清昭陵
2019/12/28 职场文书