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 相关文章推荐
window.showModalDialog使用手册
Jan 11 Javascript
用roll.js实现的图片自动滚动+鼠标触动的特效
Mar 18 Javascript
一起来写段JS drag拖动代码
Dec 09 Javascript
随鼠标上下滚动的jquery代码
Dec 05 Javascript
toggle()隐藏问题的解决方法
Feb 17 Javascript
jQuery中trigger()与bind()用法分析
Dec 18 Javascript
一步步教大家编写酷炫的导航栏js+css实现
Mar 14 Javascript
详解Vue方法与事件
Mar 09 Javascript
Vue.js 图标选择组件实践详解
Dec 03 Javascript
jQuery实现数字华容道小游戏(实例代码)
Jan 16 jQuery
javascript实现简单页面倒计时
Mar 02 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摘要生成函数(无乱码)
2012/02/04 PHP
PHP5.3的垃圾回收机制(动态存储分配方案)深入理解
2012/12/10 PHP
thinkphp获取栏目和文章当前位置的方法
2014/10/29 PHP
PHP读取汉字的点阵数据
2015/06/22 PHP
PHP实现链表的定义与反转功能示例
2018/06/09 PHP
JavaScript 乱码问题
2009/08/06 Javascript
IE FF OPERA都可用的弹出层实现代码
2009/09/29 Javascript
jquery Mobile入门—外部链接切换示例代码
2013/01/08 Javascript
jquery制作居中遮罩层效果分享
2014/02/21 Javascript
js调用后台、后台调用前台等方法总结
2014/04/17 Javascript
文本框倒叙输入让输入框的焦点始终在最开始的位置
2014/09/01 Javascript
利用CSS、JavaScript及Ajax实现图片预加载的三大方法
2017/01/22 Javascript
一个可复用的vue分页组件
2017/05/15 Javascript
layui弹出层效果实现代码
2017/05/19 Javascript
Vue Promise的axios请求封装详解
2018/08/13 Javascript
vue项目环境变量配置的实现方法
2018/10/12 Javascript
Vue 样式绑定的实现方法
2019/01/15 Javascript
Python中unittest模块做UT(单元测试)使用实例
2015/06/12 Python
Python线程详解
2015/06/24 Python
python 爬虫 批量获取代理ip的实例代码
2018/05/22 Python
Python封装原理与实现方法详解
2018/08/28 Python
Python基于xlutils修改表格内容过程解析
2020/07/28 Python
python+opencv3.4.0 实现HOG+SVM行人检测的示例代码
2021/01/28 Python
HTML5 Canvas阴影使用方法实例演示
2013/08/02 HTML / CSS
澳大利亚办公室装修:JasonL Office Furniture
2019/06/25 全球购物
进修护士自我鉴定
2013/10/14 职场文书
丑小鸭教学反思
2014/02/03 职场文书
股东合作协议书
2014/04/14 职场文书
土地转让协议书范本
2014/04/15 职场文书
小学雷锋月活动总结
2014/07/03 职场文书
银行贷款委托书范本
2014/10/11 职场文书
2015元旦标语横幅
2014/12/09 职场文书
庆祝教师节主题班会
2015/08/17 职场文书
springboot集成springCloud中gateway时启动报错的解决
2021/07/16 Java/Android
java如何实现获取客户端ip地址的示例代码
2022/04/07 Java/Android
MySQL查询日期时间
2022/05/15 MySQL