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的让非HTML5浏览器支持placeholder属性的代码
May 24 Javascript
在iframe里的页面编写js,实现在父窗口上创建动画效果展开和收缩的div(不变动iframe父窗口代码)
Dec 20 Javascript
浅析JavaScript中的同名标识符优先级
Dec 06 Javascript
深入理解JavaScript是如何实现继承的
Dec 12 Javascript
JavaScript实现大数的运算
Nov 24 Javascript
jQuery实现带动画效果的多级下拉菜单代码
Sep 08 Javascript
解决jQuery上传插件Uploadify出现Http Error 302错误的方法
Dec 18 Javascript
javascript实现滚动效果的数字时钟实例
Jul 21 Javascript
jQuery获取与设置iframe高度的方法
Aug 01 Javascript
使用smartupload组件实现jsp+jdbc上传下载文件实例解析
Jan 05 Javascript
JavaScript中使用webuploader实现上传视频功能(demo)
Apr 10 Javascript
使用JS获取页面上的所有标签
Oct 18 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
用来解析.htgroup文件的PHP类
2012/09/05 PHP
php过滤所有恶意字符(批量过滤post,get敏感数据)
2014/03/18 PHP
js类中的公有变量和私有变量
2008/07/24 Javascript
jQuery布局插件UI Layout简介及使用方法
2013/04/03 Javascript
可插入图片的TEXT文本框
2013/12/27 Javascript
多个js毫秒倒计时同时进行效果
2016/01/05 Javascript
javascript匀速运动实现方法分析
2016/01/08 Javascript
AngularJS延迟加载html template
2016/07/27 Javascript
js面向对象实现canvas制作彩虹球喷枪效果
2016/09/24 Javascript
Bootstrap模态框案例解析
2017/03/05 Javascript
Bootstrap fileinput组件封装及使用详解
2017/03/10 Javascript
js canvas实现QQ拨打电话特效
2017/05/10 Javascript
使用jquery DataTable和ajax向页面显示数据列表的方法
2018/08/09 jQuery
vue+elementUI 复杂表单的验证、数据提交方案问题
2019/06/24 Javascript
关于在LayUI中使用AJAX提交巨坑记录
2019/10/25 Javascript
[03:51]吞吞映像 每周精彩击杀top10第二弹
2014/06/25 DOTA
Python中多线程thread与threading的实现方法
2014/08/18 Python
发布你的Python模块详解
2016/09/15 Python
python深度优先搜索和广度优先搜索
2018/02/07 Python
浅谈python中对于json写入txt文件的编码问题
2018/06/07 Python
python爬取个性签名的方法
2018/06/17 Python
Numpy之文件存取的示例代码
2018/08/03 Python
python 使用 requests 模块发送http请求 的方法
2018/12/09 Python
对python中dict和json的区别详解
2018/12/18 Python
实例讲解Python脚本成为Windows中运行的exe文件
2019/01/24 Python
如何在Python中实现goto语句的方法
2019/05/18 Python
python 变量初始化空列表的例子
2019/11/28 Python
python实现双色球随机选号
2020/01/01 Python
Python Handler处理器和自定义Opener原理详解
2020/03/05 Python
基于Python爬取fofa网页端数据过程解析
2020/07/13 Python
python中Django文件上传方法详解
2020/08/05 Python
世界各地的当地人的食物体验:Eatwith
2019/07/26 全球购物
幼儿园运动会入场词
2014/02/10 职场文书
小学生新年寄语
2014/04/03 职场文书
十大最强飞行系宝可梦,BUG燕上榜,第二是飞行系王者
2022/03/18 日漫
Android移动应用开发指南之六种布局详解
2022/09/23 Java/Android