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 相关文章推荐
利用腾讯的ip地址库做ip物理地址定位
Jul 24 Javascript
extjs实现选择多表自定义查询功能 前台部分(ext源码)
Dec 20 Javascript
ajax上传时参数提交不更新等相关问题
Dec 11 Javascript
鼠标拖拽移动子窗体的JS实现
Feb 25 Javascript
js分页工具实例
Jan 28 Javascript
简介JavaScript中的getUTCFullYear()方法的使用
Jun 10 Javascript
使用javaScript动态加载Js文件和Css文件
Oct 24 Javascript
JavaScript 基础函数_深入剖析变量和作用域
May 18 Javascript
原生JS实现图片轮播效果
Dec 26 Javascript
js原生方法被覆盖,从新赋值原生的方法
Jan 02 Javascript
JavaScript数组特性与实践应用深入详解
Dec 30 Javascript
OpenLayers3实现图层控件功能
Sep 25 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
《星际争霸II》全新指挥官斯台特曼现已上线
2020/03/08 星际争霸
PHP 高手之路(二)
2006/10/09 PHP
php下删除字符串中HTML标签的函数
2008/08/27 PHP
Laravel框架处理用户的请求操作详解
2019/12/20 PHP
使用typeof判断function是否存在于上下文
2014/08/14 Javascript
浅谈Javascript变量作用域问题
2014/12/16 Javascript
js实现固定显示区域内自动缩放图片的方法
2015/07/18 Javascript
JS组件Bootstrap实现图片轮播效果
2016/05/16 Javascript
如何使用angularJs
2017/05/08 Javascript
vue组件实现进度条效果
2018/06/06 Javascript
vue中实现高德定位功能
2019/12/03 Javascript
[01:11:15]VGJ.S vs Secret 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python列表推导式的使用方法
2013/11/21 Python
简单解决Python文件中文编码问题
2015/11/22 Python
Python3如何解决字符编码问题详解
2017/04/23 Python
Python中read()、readline()和readlines()三者间的区别和用法
2017/07/30 Python
Python上下文管理器和with块详解
2017/09/09 Python
基于python神经卷积网络的人脸识别
2018/05/24 Python
python利用Tesseract识别验证码的方法示例
2019/01/21 Python
python中yield的用法详解——最简单,最清晰的解释
2019/04/04 Python
详解将Pandas中的DataFrame类型转换成Numpy中array类型的三种方法
2019/07/06 Python
浅析python 中大括号中括号小括号的区分
2019/07/29 Python
pytorch 模型可视化的例子
2019/08/17 Python
python列表推导式操作解析
2019/11/26 Python
TensorFlow中如何确定张量的形状实例
2020/06/23 Python
python Selenium 库的使用技巧
2020/10/16 Python
英国在线自行车商店:Evans Cycles
2016/09/26 全球购物
娇韵诗加拿大官网:Clarins加拿大
2017/11/20 全球购物
全球性的众包图形设计市场:DesignCrowd
2021/02/02 全球购物
Static Nested Class 和 Inner Class的不同
2013/11/28 面试题
Hibernate持久层技术
2013/12/16 面试题
财务主管自我鉴定
2014/01/17 职场文书
2014年党员整改措施
2014/10/24 职场文书
运动会宣传语
2015/07/13 职场文书
护士旷工检讨书
2015/08/15 职场文书
导游词之山西关帝庙
2019/11/01 职场文书