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 相关文章推荐
JS HTML5 音乐天气播放器(Ajax获取天气信息)
May 26 Javascript
jquery实现metro效果示例代码
Sep 06 Javascript
Tab切换组件(选项卡功能)实例代码
Nov 21 Javascript
怎么选择Javascript框架(Javascript Framework)
Nov 22 Javascript
无刷新上传文件并返回自定义值
Jun 11 Javascript
jquery实现点击向下展开菜单项(伸缩导航)效果
Aug 22 Javascript
AngularJS控制器controller给模型数据赋初始值的方法
Jan 04 Javascript
微信小程序 PHP后端form表单提交实例详解
Jan 12 Javascript
深究AngularJS中ng-drag、ng-drop的用法
Jun 12 Javascript
highCharts提示框中显示当前时间的方法
Jan 18 Javascript
Vue基于iview实现登录密码的显示与隐藏功能
Mar 06 Javascript
原生Js 实现的简单无缝滚动轮播图的示例代码
May 10 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与SQL注入攻击[一]
2007/04/17 PHP
PHP 获取远程网页内容的代码(fopen,curl已测)
2011/06/06 PHP
PHP中多维数组的foreach遍历示例
2014/06/13 PHP
PHP微信开发之查询城市天气
2016/06/23 PHP
php curl上传、下载、https登陆实现代码
2017/07/23 PHP
短信提示使用 特效
2007/01/19 Javascript
又一个小巧的图片预加载类
2007/05/05 Javascript
一个简单的js树形菜单
2011/12/09 Javascript
自己实现ajax封装示例分享
2014/04/01 Javascript
javascript继承机制实例详解
2014/11/20 Javascript
详解JavaScript的表达式与运算符
2015/11/30 Javascript
js实现目录链接,内容跟着目录滚动显示的简单实例
2016/10/15 Javascript
Easyui和zTree两种方式分别实现树形下拉框
2017/08/04 Javascript
JS处理一些简单计算题
2018/02/24 Javascript
详解webpack+ES6+Sass搭建多页面应用
2018/11/05 Javascript
vue cli使用融云实现聊天功能的实例代码
2019/04/19 Javascript
微信小程序云开发之使用云函数
2019/05/17 Javascript
Vue.js+cube-ui(Scroll组件)实现类似头条效果的横向滚动导航条
2019/06/24 Javascript
ES6 新增的创建数组的方法(小结)
2019/08/01 Javascript
React中使用UMEditor的方法示例
2019/12/27 Javascript
[34:10]Secret vs VG 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.24
2019/09/10 DOTA
python使用os模块的os.walk遍历文件夹示例
2014/01/27 Python
python爬虫爬取某站上海租房图片
2018/02/04 Python
Python操作MySQL数据库的两种方式实例分析【pymysql和pandas】
2019/03/18 Python
python 怎样将dataframe中的字符串日期转化为日期的方法
2019/09/26 Python
使用python实现数组、链表、队列、栈的方法
2019/12/20 Python
pyinstaller将含有多个py文件的python程序做成exe
2020/04/29 Python
详解matplotlib中pyplot和面向对象两种绘图模式之间的关系
2021/01/22 Python
关于webview适配H5上传照片或者视频文件的方法
2020/11/04 HTML / CSS
英国领先的男士美容护发用品公司:Mankind
2016/08/31 全球购物
用C#语言写出在本地创建一个UDP接收端口的具体过程
2016/02/22 面试题
中专生自我鉴定范文
2014/02/02 职场文书
关于旷工的检讨书
2014/02/02 职场文书
2014年国庆节演讲稿
2014/09/02 职场文书
导游词创作书写原则以及开场白技巧怎么学?
2019/09/25 职场文书
python 如何用map()函数创建多线程任务
2021/04/07 Python