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 相关文章推荐
Javascript 表单之间的数据传递代码
Dec 04 Javascript
javascript通过class来获取元素实现代码
Feb 20 Javascript
javascript Event对象详解及使用示例
Nov 22 Javascript
jQuery窗口、文档、网页各种高度的精确理解
Jul 02 Javascript
javascript拖拽应用实例
Mar 25 Javascript
js编写一个简单的产品放大效果代码
Jun 27 Javascript
JS使用cookie设置样式的方法
Jun 30 Javascript
总结在前端排序中遇到的问题
Jul 19 Javascript
ligerUI---ListBox(列表框可移动的实例)
Nov 28 Javascript
微信小程序常见页面跳转操作简单示例
May 01 Javascript
继承行为在 ES5 与 ES6 中的区别详解
Dec 24 Javascript
解决vue bus.$emit触发第一次$on监听不到问题
Jul 28 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
5.PHP的其他功能
2006/10/09 PHP
PHP简洁函数(PHP简单明了函数语法)
2012/06/10 PHP
PHP-Java-Bridge使用笔记
2014/09/22 PHP
js导入导出excel(实例代码)
2013/11/25 Javascript
JS中获取函数调用链所有参数的方法
2015/05/07 Javascript
jQuery地图map悬停显示省市代码分享
2015/08/20 Javascript
Bootstrap源码解读媒体对象、列表组和面板(10)
2016/12/26 Javascript
javascript笔记之匿名函数和闭包
2017/02/06 Javascript
Node.js 使用axios读写influxDB的方法示例
2018/10/26 Javascript
7个好用的JavaScript技巧分享(译)
2019/05/07 Javascript
Vue keepAlive 数据缓存工具实现返回上一个页面浏览的位置
2019/05/10 Javascript
简单了解Javscript中兄弟ifream的方法调用
2019/06/17 Javascript
小程序实现搜索框功能
2020/03/26 Javascript
vue移动端使用canvas签名的实现
2020/01/15 Javascript
antd Form组件方法getFieldsValue获取自定义组件的值操作
2020/10/29 Javascript
Python打包可执行文件的方法详解
2016/09/19 Python
python版本坑:md5例子(python2与python3中md5区别)
2017/06/20 Python
详解Python判定IP地址合法性的三种方法
2018/03/06 Python
python利用7z批量解压rar的实现
2019/08/07 Python
Python面向对象程序设计之静态方法、类方法、属性方法原理与用法分析
2020/03/23 Python
python爬虫beautifulsoup解析html方法
2020/12/07 Python
css3模拟jq点击事件的实例代码
2017/07/06 HTML / CSS
css3动画效果抖动解决方法
2018/09/03 HTML / CSS
香港时装购物网站:ZALORA香港
2017/04/23 全球购物
Hertz荷兰:荷兰和全球租车
2018/01/07 全球购物
英国标志性生活方式品牌:Skinnydip London
2019/12/15 全球购物
this关键字的含义
2015/04/08 面试题
2014信息技术专业毕业生自我评价
2014/01/17 职场文书
疾病捐款倡议书
2014/05/13 职场文书
领导班子个人对照检查剖析材料
2014/09/29 职场文书
2014年骨干教师工作总结
2014/12/19 职场文书
班主任远程培训研修日志
2015/11/13 职场文书
2016年“5.12”护士节慰问信
2015/11/30 职场文书
浅谈TypeScript 索引签名的理解
2021/10/16 Javascript
Python requests用法和django后台处理详解
2022/03/19 Python
vue项目如何打包之项目打包优化(让打包的js文件变小)
2022/04/30 Vue.js