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 相关文章推荐
多个$(document).ready()的执行顺序实例分析
Jul 26 Javascript
FullCalendar日历插件应用之数据展现(一)
Dec 23 Javascript
jquery 点击元素后,滚动条滚动至该元素位置的方法
Aug 05 Javascript
js HTML5多媒体影音播放
Oct 17 Javascript
js 获取元素的具体样式信息getcss(实例讲解)
Jul 05 Javascript
使用OPENLAYERS3实现点选的方法
Sep 24 Javascript
原生js实现省市区三级联动代码分享
Feb 12 Javascript
vue bus全局事件中心简单Demo详解
Feb 26 Javascript
基于Webpack4和React hooks搭建项目的方法
Feb 05 Javascript
js实现直播点击飘心效果
Aug 19 Javascript
vue实现列表拖拽排序的功能
Nov 02 Javascript
vuex的数据渲染与修改浅析
Nov 26 Vue.js
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桌面中心(三) 修改数据库
2007/03/11 PHP
解析php中如何调用用户自定义函数
2013/08/06 PHP
jQuery+php简单实现全选删除的方法
2016/11/28 PHP
php 三元运算符实例详细介绍
2016/12/15 PHP
PHP切割汉字的常用方法实例总结
2019/04/27 PHP
Javascript表格翻页效果的具体实现
2013/10/05 Javascript
浏览器的JavaScript引擎的识别方法
2013/10/20 Javascript
js实现的全国省市二级联动下拉选择菜单完整实例
2015/08/17 Javascript
Node.js本地文件操作之文件拷贝与目录遍历的方法
2016/02/16 Javascript
Bootstrap零基础学习第一课之模板
2016/07/18 Javascript
AngularJS中的按需加载ocLazyLoad示例
2017/01/11 Javascript
微信小程序scroll-view实现字幕滚动
2018/07/14 Javascript
详解Vue源码学习之callHook钩子函数
2018/07/25 Javascript
深入了解js原型模式
2019/05/30 Javascript
从Node.js事件触发器到Vue自定义事件的深入讲解
2020/06/26 Javascript
[49:58]完美世界DOTA2联赛PWL S3 Magma vs DLG 第一场 12.18
2020/12/19 DOTA
Python os模块中的isfile()和isdir()函数均返回false问题解决方法
2015/02/04 Python
python实现简单的计时器功能函数
2015/03/14 Python
python列表生成式与列表生成器的使用
2018/02/23 Python
python3实现mysql导出excel的方法
2019/07/31 Python
python或C++读取指定文件夹下的所有图片
2019/08/31 Python
python 字典有序并写入json文件过程解析
2019/09/30 Python
python区分不同数据类型的方法
2019/10/14 Python
python查找特定名称文件并按序号、文件名分行打印输出的方法
2020/04/24 Python
Python fileinput模块如何逐行读取多个文件
2020/10/05 Python
Python爬虫实战案例之爬取喜马拉雅音频数据详解
2020/12/07 Python
苹果台湾官网:Apple台湾
2019/01/05 全球购物
英语专业学子个人的自我评价
2013/10/02 职场文书
如何编写优秀的食品项目创业计划书
2014/01/23 职场文书
房屋公证委托书
2014/04/03 职场文书
师德师风个人反思
2014/04/28 职场文书
促销活动总结模板
2014/07/01 职场文书
护士找工作求职信
2014/07/02 职场文书
《学会看病》教学反思
2016/02/17 职场文书
2016年“我们的节日·中秋节”活动总结
2016/04/05 职场文书
MySQL系列之四 SQL语法
2021/07/02 MySQL