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 相关文章推荐
window.open不被拦截的实现代码
Aug 22 Javascript
纯js和css实现渐变色包括静态渐变和动态渐变
May 29 Javascript
JavaScript判断表单为空及获取焦点的方法
Feb 12 Javascript
基于Echarts 3.19 制作常用的图形(非静态)
May 19 Javascript
jQuery基本过滤选择器用法示例
Sep 09 Javascript
利用策略模式与装饰模式扩展JavaScript表单验证功能
Feb 14 Javascript
layui.js实现的表单验证功能示例
Nov 15 Javascript
基于Vue2的独立构建与运行时构建的差别(详解)
Dec 06 Javascript
bootstrap table合并行数据并居中对齐效果
Oct 17 Javascript
js仿淘宝放大镜效果
Dec 28 Javascript
聊聊vue 中的v-on参数问题
Jan 29 Vue.js
Echarts如何重新渲染实例详解
May 30 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 魔术函数使用说明
2010/02/21 PHP
PHP 的异常处理、错误的抛出及回调函数等面向对象的错误处理方法
2012/12/07 PHP
Memcached常用命令以及使用说明详解
2013/06/27 PHP
微信自定义菜单的创建/查询/取消php示例代码
2016/08/05 PHP
PHP实现的简单操作SQLite数据库类与用法示例
2017/06/19 PHP
javascript 有趣而诡异的数组
2009/04/06 Javascript
JavaScript中yield实用简洁实现方式
2010/06/12 Javascript
JavaScript字符串插入、删除、替换函数使用示例
2013/07/25 Javascript
JS正则验证邮箱的格式详细介绍
2013/11/19 Javascript
完美兼容各大浏览器获取HTTP_REFERER方法总结
2014/06/24 Javascript
js实现div弹出层的方法
2014/11/20 Javascript
javascript清空table表格的方法
2015/05/14 Javascript
基于JavaScript实现生成名片、链接等二维码
2015/09/20 Javascript
基于JavaScript实现手机短信按钮倒计时(超简单)
2015/12/30 Javascript
javascript Promise简单学习使用方法小结
2016/05/17 Javascript
微信小程序 scroll-view隐藏滚动条详解
2017/01/16 Javascript
微信小程序实现的涂鸦功能示例【附源码下载】
2018/01/12 Javascript
详解react-refetch的使用小例子
2019/02/15 Javascript
vue+ESLint 配置保存 自动格式化代码
2020/03/17 Javascript
Vue 实现对quill-editor组件中的工具栏添加title
2020/08/03 Javascript
[33:39]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第二局
2016/02/27 DOTA
python 表达式和语句及for、while循环练习实例
2017/07/07 Python
基于Python实现的微信好友数据分析
2018/02/26 Python
python 队列基本定义与使用方法【初始化、赋值、判断等】
2019/10/24 Python
Python reversed函数及使用方法解析
2020/03/17 Python
python数据库操作mysql:pymysql、sqlalchemy常见用法详解
2020/03/30 Python
加拿大高尔夫超市:Golf Town
2018/01/12 全球购物
全球才华横溢工匠的家居装饰、珠宝和礼物:NOVICA
2021/01/22 全球购物
就业自荐信
2013/12/04 职场文书
幼儿园门卫岗位职责范本
2014/07/02 职场文书
幽默自我介绍演讲稿
2014/08/21 职场文书
第二批党的群众路线教育实践活动总结报告
2014/10/30 职场文书
出国留学单位推荐信
2015/03/26 职场文书
MySQL日期时间函数知识汇总
2022/03/17 MySQL
WCG2010 星际争霸决赛 Flash vs Goojila 1 星际经典比赛回顾
2022/04/01 星际争霸
jdbc中自带MySQL 连接池实践示例
2022/07/23 MySQL