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 相关文章推荐
[HTML/CSS/Javascript]WWTJS
Sep 25 Javascript
css结合js制作下拉菜单示例代码
Feb 27 Javascript
js获取页面传来参数的方法
Sep 06 Javascript
JavaScript中的值类型详细介绍
Dec 29 Javascript
javascript实现Email邮件显示与删除功能
Nov 21 Javascript
详解js的延迟对象、跨域、模板引擎、弹出层、AJAX【附实例下载】
Dec 19 Javascript
JScript实现表格的简单操作
Aug 15 Javascript
vue-router2.0 组件之间传参及获取动态参数的方法
Nov 10 Javascript
element-ui 关于获取select 的label值方法
Aug 24 Javascript
详解vue-cli3开发Chrome插件实践
May 29 Javascript
Node.JS用纯JavaScript生成图片或滑块式验证码功能
Sep 12 Javascript
layui实现多图片上传并限制上传的图片数量
Sep 26 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侧拉菜单 漂亮,可以向右或者向左展开,支持FF,IE
2009/10/15 PHP
PHP+Ajax异步通讯实现用户名邮箱验证是否已注册( 2种方法实现)
2011/12/28 PHP
PHP 的Opcache加速的使用方法
2017/12/29 PHP
浅析PHP中的闭包和匿名函数
2017/12/25 PHP
Yii2 中实现单点登录的方法
2018/03/09 PHP
实例解析php的数据类型
2018/10/24 PHP
javascript 简单抽屉效果的实现代码
2010/03/09 Javascript
javascript等号运算符使用详解
2015/04/16 Javascript
js实时获取并显示当前时间的方法
2015/07/31 Javascript
JS比较两个数值的大小实例
2016/11/25 Javascript
详解React中的组件通信问题
2017/07/31 Javascript
vue 运用mock数据的示例代码
2017/11/07 Javascript
Vue2.0 http请求以及loading展示实例
2018/03/06 Javascript
Python开发的单词频率统计工具wordsworth使用方法
2014/06/25 Python
Python的dict字典结构操作方法学习笔记
2016/05/07 Python
Python操作使用MySQL数据库的实例代码
2017/05/25 Python
Python读取MRI并显示为灰度图像实例代码
2018/01/03 Python
Django 连接sql server数据库的方法
2018/06/30 Python
Python设计模式之工厂方法模式实例详解
2019/01/18 Python
python异步存储数据详解
2019/03/19 Python
python使用opencv对图像mask处理的方法
2019/07/05 Python
解决Django中checkbox复选框的传值问题
2020/03/31 Python
Django用户登录与注册系统的实现示例
2020/06/03 Python
python初步实现word2vec操作
2020/06/09 Python
Python Selenium模块安装使用教程详解
2020/07/09 Python
Python2及Python3如何实现兼容切换
2020/09/01 Python
使用Python提取文本中含有特定字符串的方法示例
2020/12/09 Python
详解html5 canvas常用api总结(二)--绘图API
2016/12/14 HTML / CSS
夏威夷航空官网:Hawaiian Airlines
2016/09/11 全球购物
泸县召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
小学教师自我评价
2015/03/04 职场文书
浪漫婚礼主持词开场白
2015/11/24 职场文书
Java Socket实现多人聊天系统
2021/07/15 Java/Android
MySQL对数据表已有表进行分区表的实现
2021/11/01 MySQL
MySQL学习必备条件查询数据
2022/03/25 MySQL
动视暴雪取消疫苗禁令 让所有员工返回线下工作
2022/04/03 其他游戏