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 相关文章推荐
{}与function(){}选用空对象{}来存放keyValue
May 23 Javascript
用C/C++来实现 Node.js 的模块(二)
Sep 24 Javascript
javascript制作游戏开发碰撞检测的封装代码
Mar 31 Javascript
javascript检测两个数组是否相似
May 19 Javascript
JS中创建函数的三种方式及区别
Mar 13 Javascript
JS基于HTML5的canvas标签实现炫目的色相球动画效果实例
Aug 24 Javascript
微信小程序中的swiper组件详解
Apr 14 Javascript
微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
Apr 18 Javascript
Express结合Webpack的全栈自动刷新
May 23 Javascript
vue 关闭浏览器窗口的时候,清空localStorage的数据示例
Nov 06 Javascript
Vue组件间数据传递的方式(3种)
Jul 13 Javascript
JavaScript组合继承详解
Nov 07 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 array操作10个小技巧分享
2011/06/23 PHP
PHP 实现的将图片转换为TXT
2015/10/21 PHP
php中strlen和mb_strlen用法实例分析
2016/11/12 PHP
利用PHP判断是否是连乘数字串的方法示例
2017/07/03 PHP
javascript学习笔记(五)正则表达式
2011/04/08 Javascript
IE和Firefox的Javascript兼容性总结[推荐收藏]
2011/10/19 Javascript
浅析document.createDocumentFragment()与js效率
2013/07/08 Javascript
js 实现菜单左右滚动显示示例介绍
2013/11/21 Javascript
使用js判断控件是否获得焦点
2014/01/03 Javascript
javascript限制用户只能输汉字中文的方法
2014/11/20 Javascript
JavaScript简介
2015/02/15 Javascript
js实现无缝滚动图(可控制当前滚动的方向)
2017/02/22 Javascript
jquery仿苹果的时间/日期选择效果
2017/03/08 Javascript
js判断是否是手机页面
2017/03/17 Javascript
webpack4 处理CSS的方法示例
2018/09/03 Javascript
vue2.0 使用element-ui里的upload组件实现图片预览效果方法
2018/09/04 Javascript
koa+mongoose实现简单增删改查接口的示例代码
2019/05/13 Javascript
python中将阿拉伯数字转换成中文的实现代码
2011/05/19 Python
python创建只读属性对象的方法(ReadOnlyObject)
2013/02/10 Python
Python调用命令行进度条的方法
2015/05/05 Python
Python实现二叉堆
2016/02/03 Python
python 巧用正则寻找字符串中的特定字符的位置方法
2018/05/02 Python
Python图片转换成矩阵,矩阵数据转换成图片的实例
2018/07/02 Python
python tkinter canvas使用实例
2019/11/04 Python
python实现学生信息管理系统(精简版)
2020/11/27 Python
介绍一下内联、左联、右联
2013/12/31 面试题
软件测试工程师面试问题精选
2016/10/28 面试题
高中语文教学反思
2014/01/16 职场文书
护士个人自我鉴定
2014/03/24 职场文书
财务情况说明书范文
2014/05/06 职场文书
反邪教警示教育方案
2014/05/13 职场文书
教育局党的群众路线教育实践活动整改方案
2014/09/20 职场文书
2014年后勤工作总结范文
2014/12/16 职场文书
承诺书范本
2015/01/21 职场文书
Python入门之基础语法详解
2021/05/11 Python
JVM之方法返回地址详解
2022/02/28 Java/Android