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 相关文章推荐
在网页中屏蔽快捷键
Sep 06 Javascript
详解JavaScript编程中的数组结构
Oct 24 Javascript
jQuery Mobile开发中日期插件Mobiscroll使用说明
Mar 02 Javascript
Jquery+ajax+JAVA(servlet)实现下拉菜单异步取值
Mar 23 Javascript
Three.js快速入门教程
Sep 09 Javascript
jQuery输入框密码的显示隐藏【代码分享】
Apr 29 jQuery
收集前端面试题之url、href、src
Mar 22 Javascript
在小程序/mpvue中使用flyio发起网络请求的方法
Sep 13 Javascript
Laravel admin实现消息提醒、播放音频功能
Jul 10 Javascript
vue 中this.$set 动态绑定数据的案例讲解
Jan 29 Vue.js
JavaScript canvas实现流星特效
May 20 Javascript
JavaScript实现简单的音乐播放器
Aug 14 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
如何删除多级目录
2006/10/09 PHP
探讨:如何编写PHP扩展
2013/06/13 PHP
PHP执行Curl时报错提示CURL ERROR: Recv failure: Connection reset by peer的解决方法
2014/06/26 PHP
PHP curl CURLOPT_RETURNTRANSFER参数的作用使用实例
2015/02/07 PHP
Zend Framework动作控制器用法示例
2016/12/09 PHP
PHP基于DOM创建xml文档的方法示例
2017/02/08 PHP
thinkPHP5.0框架配置格式、加载解析与读取方法
2017/03/17 PHP
PHP pthreads v3下的Volatile简介与使用方法示例
2020/02/21 PHP
javascript 最常用的10个自定义函数[推荐]
2009/12/26 Javascript
javascript的console.log()用法小结
2012/05/31 Javascript
js出生日期 年月日级联菜单示例代码
2014/01/10 Javascript
jQuery中ready事件用法实例
2015/01/19 Javascript
JS+CSS实现仿触屏手机拨号盘界面及功能模拟完整实例
2015/05/16 Javascript
JS实现点击登录弹出窗口同时背景色渐变动画效果
2016/03/25 Javascript
Javascript字符串拼接小技巧(推荐)
2016/06/02 Javascript
javascript超过容器后显示省略号效果的方法(兼容一行或者多行)
2016/07/14 Javascript
JavaScript 是什么意思
2016/09/22 Javascript
用move.js库实现百叶窗特效
2017/02/08 Javascript
JavaScript定义函数_动力节点Java学院整理
2017/06/27 Javascript
bootstrap自定义样式之bootstrap实现侧边导航栏功能
2018/09/10 Javascript
layui自己添加图片按钮并点击跳转页面的例子
2019/09/14 Javascript
浅析Vue下的components模板使用及应用
2019/11/27 Javascript
小程序中设置缓存过期的实现方法
2020/01/14 Javascript
vue项目中自定义video视频控制条的实现代码
2020/04/26 Javascript
python快速排序代码实例
2013/11/21 Python
同时安装Python2 &amp; Python3 cmd下版本自由选择的方法
2017/12/09 Python
Python中的字符串切片(截取字符串)的详解
2019/05/15 Python
python安装scipy的步骤解析
2019/09/28 Python
Python浮点数四舍五入问题的分析与解决方法
2019/11/19 Python
windows环境中利用celery实现简单任务队列过程解析
2019/11/29 Python
德国鞋子网上商店:Omoda.de
2017/03/31 全球购物
英国工艺品购物网站:Minerva Crafts
2018/01/29 全球购物
大专生自荐书范文
2014/06/22 职场文书
计划生育目标责任书
2015/05/09 职场文书
元旦联欢晚会主持词
2015/07/01 职场文书
《走遍天下书为侣》教学反思
2016/02/22 职场文书