JavaScript使用prototype定义对象类型


Posted in Javascript onFebruary 07, 2007

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"></DIV> 
<DIV class=code>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); 
 } 
}</DIV> 
<DIV class=code>var person = new Person("robbin",30); 
person.toString(); 
</script> 
</body> 
</html>
Javascript 相关文章推荐
jQuery的实现原理的模拟代码 -4 重要的扩展函数 extend
Aug 03 Javascript
由Javascript实现的页面日历
Nov 04 Javascript
jquery对单选框,多选框,文本框等常见操作小结
Jan 08 Javascript
JS遍历Json字符串中键值对先转成JSON对象再遍历
Aug 15 Javascript
自动完成的搜索框javascript实现
Feb 26 Javascript
深入解析桶排序算法及Node.js上JavaScript的代码实现
Jul 06 Javascript
基于jQuery的select下拉框选择触发事件实例分析
Nov 18 Javascript
通过sails和阿里大于实现短信验证
Jan 04 Javascript
基于JavaScript实现滑动门效果
Mar 16 Javascript
javascript实现小型区块链功能
Apr 03 Javascript
javascript中如何判断类型汇总
May 14 Javascript
微信小程序服务器日期格式化问题
Jan 07 Javascript
Javascript实现的分页函数
Feb 07 #Javascript
[转]JS宝典学习笔记
Feb 07 #Javascript
HTML页面如何象ASP一样接受参数
Feb 07 #Javascript
DOM相关内容速查手册
Feb 07 #Javascript
索趣科技的答案
Feb 07 #Javascript
JS模拟多线程
Feb 07 #Javascript
使用prototype.js进行异步操作
Feb 07 #Javascript
You might like
解析PHP计算页面执行时间的实现代码
2013/06/18 PHP
php+memcache实现的网站在线人数统计代码
2014/07/04 PHP
PHP实现的用户注册表单验证功能简单示例
2019/02/25 PHP
了解Javascript的模块化开发
2015/03/02 Javascript
JavaScript的9种继承实现方式归纳
2015/05/18 Javascript
jQuery的end()方法使用详解
2015/07/15 Javascript
jQuery获取页面及个元素高度、宽度的总结——超实用
2015/07/28 Javascript
论JavaScript模块化编程
2016/03/07 Javascript
Javascript for in的缺陷总结
2017/02/03 Javascript
js实现一个简单的MVVM框架示例
2018/01/15 Javascript
r.js来合并压缩css文件的示例
2018/04/26 Javascript
判断iOS、Android以及PC端的示例代码
2018/11/15 Javascript
JavaScript学习笔记之数组基本操作示例
2019/01/09 Javascript
微信小程序实现下拉刷新动画
2019/06/21 Javascript
js针对图片加载失败的处理方法分析
2019/08/24 Javascript
详解Python的collections模块中的deque双端队列结构
2016/07/07 Python
Python中字符串的常见操作技巧总结
2016/07/28 Python
详解如何为eclipse安装合适版本的python插件pydev
2018/11/04 Python
python实现两个dict合并与计算操作示例
2019/07/01 Python
Python如何通过百度翻译API实现翻译功能
2020/04/02 Python
python3.5的包存放的具体路径
2020/08/16 Python
python爬取2021猫眼票房字体加密实例
2021/02/19 Python
探索HTML5本地存储功能运用技巧
2016/03/02 HTML / CSS
Herschel美国官网:背包、手提袋及配件
2020/03/10 全球购物
介绍一下Linux内核的排队自旋锁
2014/01/04 面试题
护理专业毕业生自我鉴定
2013/10/08 职场文书
机电一体化应届生求职信范文
2014/01/24 职场文书
社区春季防火方案
2014/06/02 职场文书
大学英语专业求职信
2014/06/21 职场文书
植物生产学专业求职信
2014/08/08 职场文书
2016年大学自主招生自荐信范文
2015/03/24 职场文书
女性励志书籍推荐
2019/08/19 职场文书
详解MindSpore自定义模型损失函数
2021/06/30 Python
php png失真的原因及解决办法
2021/10/24 PHP
十大最强格斗系宝可梦,超梦X仅排第十,第二最重格斗礼仪
2022/03/18 日漫
python_tkinter弹出对话框创建
2022/03/20 Python