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 相关文章推荐
javascript中获取选中对象的类型
Apr 02 Javascript
关于 byval 与 byref 的区别分析总结
Oct 08 Javascript
IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点
Dec 27 Javascript
javascript dom 基本操作小结
Apr 11 Javascript
jQuery 学习第六课 实现一个Ajax的TreeView
May 17 Javascript
functional继承模式 摘自javascript:the good parts
Jun 20 Javascript
javascript表单处理具体实现代码(表单、链接、按钮)
May 07 Javascript
jQuery实现背景滑动菜单
Dec 02 Javascript
基于Angularjs+mybatis实现二级评论系统(仿简书)
Feb 13 Javascript
微信小程序开发入门基础教程
Apr 19 Javascript
npm qs模块使用详解
Feb 07 Javascript
AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略
Mar 13 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
《一拳超人》埼玉一拳下去,他们存在了800年毫无意义!
2020/03/02 日漫
让你的WINDOWS同时支持MYSQL4,MYSQL4.1,MYSQL5X
2006/12/06 PHP
php实现的仿阿里巴巴实现同类产品翻页
2009/12/11 PHP
destoon二次开发入门示例
2014/06/20 PHP
CI配置多数据库访问的方法
2016/03/28 PHP
YII中Ueditor富文本编辑器文件和图片上传的配置图文教程
2017/03/15 PHP
php5.6.x到php7.0.x特性小结
2019/08/17 PHP
Jquery 点击按钮显示和隐藏层的代码
2011/07/25 Javascript
js捕获鼠标右键菜单中的粘帖事件实现代码
2013/04/01 Javascript
JS 实现Table相同行的单元格自动合并示例代码
2013/08/27 Javascript
jQuery产品间断向下滚动效果核心代码
2014/05/08 Javascript
javascript常用的方法分享
2015/07/01 Javascript
JavaScript 性能优化小结
2015/10/12 Javascript
JS实现把鼠标放到链接上出现滚动文字的方法
2016/04/06 Javascript
DIV随滚动条滚动而滚动的实现代码【推荐】
2016/04/12 Javascript
D3.js进阶系列之CSV表格文件的读取详解
2017/06/06 Javascript
angularjs结合html5实现拖拽功能
2018/06/25 Javascript
详解vue中组件参数
2018/07/09 Javascript
Angular7创建项目、组件、服务以及服务的使用
2019/02/19 Javascript
微信小程序--特定区域滚动到顶部时固定的方法
2019/04/28 Javascript
JS把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式
2019/07/10 Javascript
将Django使用的数据库从MySQL迁移到PostgreSQL的教程
2015/04/11 Python
举例详解Python中yield生成器的用法
2015/08/05 Python
解决pytorch-yolov3 train 报错的问题
2020/02/18 Python
python实现图片素描效果
2020/09/26 Python
Python的scikit-image模块实例讲解
2020/12/30 Python
IE支持HTML5的解决方法
2009/10/20 HTML / CSS
澳大利亚香水在线:Price Rite Mart
2017/12/28 全球购物
南京软件公司的.net程序员笔试题
2014/08/31 面试题
英文求职信结束语大全
2013/10/26 职场文书
高中运动会广播稿
2014/01/21 职场文书
三个儿子教学反思
2014/02/03 职场文书
函授毕业个人自我评价
2014/02/20 职场文书
销售团队激励口号
2014/06/06 职场文书
Python机器学习之KNN近邻算法
2021/05/14 Python
Nginx的基本概念和原理
2022/03/21 Servers