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 的一个progressbar widge
Oct 29 Javascript
Javascript模块化编程(一)AMD规范(规范使用模块)
Jan 17 Javascript
js给dropdownlist添加选项的小例子
Mar 04 Javascript
Javascript算符的优先级介绍
Mar 20 Javascript
js的[defer]和[async]属性
Nov 24 Javascript
javascript几个易错点记录
Nov 26 Javascript
分享一则javascript 调试技巧
Jan 02 Javascript
用jmSlip编写移动端顶部日历选择控件
Oct 24 Javascript
JS 终止执行的实现方法
Nov 24 Javascript
vue组件传递对象中实现单向绑定的示例
Feb 28 Javascript
layui 优化button按钮和弹出框的方法
Aug 15 Javascript
vue-cli打包后本地运行dist文件中的index.html操作
Aug 12 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
smarty实现多级分类的方法
2014/12/05 PHP
PHP7安装Redis扩展教程【Linux与Windows平台】
2016/09/30 PHP
php字符串过滤strip_tags()函数用法实例分析
2019/06/24 PHP
javascript 匿名函数的理解(透彻版)
2010/01/28 Javascript
对setInterval在火狐和chrome切换标签产生奇怪的效果之探索,与解决方案!
2011/10/29 Javascript
Javascript模块化编程(一)模块的写法最佳实践
2013/01/17 Javascript
JS操作select下拉框动态变动(创建/删除/获取)
2013/06/02 Javascript
JavaScript动态提示输入框输入字数的方法
2015/07/27 Javascript
jquery带翻页动画的电子杂志代码分享
2015/08/21 Javascript
动态更新highcharts数据的实现方法
2016/05/28 Javascript
js实现对table的增加行和删除行的操作方法
2016/10/13 Javascript
原生js实现淘宝购物车功能
2020/06/23 Javascript
Bootstrap选项卡学习笔记分享
2017/02/13 Javascript
JS操作xml对象转换为Json对象示例
2017/03/25 Javascript
javascript简单链式调用案例分析
2017/05/10 Javascript
JS实现的视频弹幕效果示例
2018/08/17 Javascript
记一次webapck4 配置文件无效的解决历程
2018/09/19 Javascript
[02:06]2018完美世界全国高校联赛秋季赛开始报名(附彩蛋)
2018/09/03 DOTA
[01:01:52]完美世界DOTA2联赛PWL S2 GXR vs Magma 第二场 11.25
2020/11/26 DOTA
[58:29]DOTA2-DPC中国联赛 正赛 Phoenix vs XG BO3 第一场 1月31日
2021/03/11 DOTA
python命令 -u参数用法解析
2019/10/24 Python
Python各种扩展名区别点整理
2020/02/27 Python
python中wx模块的具体使用方法
2020/05/15 Python
解决Python3.7.0 SSL低版本导致Pip无法使用问题
2020/09/03 Python
详解pandas映射与数据转换
2021/01/22 Python
旅游管理实习自我鉴定
2013/09/29 职场文书
金融行业职业生涯规划范文
2014/01/17 职场文书
电信营业员自我评价分享
2014/01/17 职场文书
《大禹治水》教学反思
2014/04/27 职场文书
综合素质自我评价怎么写
2014/09/14 职场文书
蛋糕店创业计划书范文
2014/09/21 职场文书
基层干部个人对照检查及整改措施
2014/10/28 职场文书
教师业务学习材料
2014/12/16 职场文书
企业党建工作总结2015
2015/05/26 职场文书
Python中的 Set 与 dict
2022/03/13 Python
JAVA 线程池(池化技术)的实现原理
2022/04/28 Java/Android