JavaScript使用prototype定义对象类型(转)[


Posted in Javascript onDecember 22, 2006

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">

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);
 }
}

var person = new Person("robbin",30);
person.toString();
</script>
</body>
</html>

Javascript 相关文章推荐
javascript document.images实例
May 27 Javascript
javascript学习笔记(十五) js间歇调用和超时调用
Jun 20 Javascript
JavaScript 创建运动框架的实现代码
May 08 Javascript
用简洁的jQuery方法toggleClass实现隔行换色
Oct 22 Javascript
javascript中slice(),splice(),split(),substring(),substr()使用方法
Mar 13 Javascript
javascript简单实现等比例缩小图片的方法
Jul 27 Javascript
BootStrap中jQuery插件Carousel实现轮播广告效果
Mar 27 jQuery
在vue-cli脚手架中配置一个vue-router前端路由
Jul 03 Javascript
React-Native使用Mobx实现购物车功能
Sep 14 Javascript
vue.js 获取select中的value实例
Mar 01 Javascript
vue使用prop可以渲染但是打印台报错的解决方式
Nov 13 Javascript
原生js实现表格循环滚动
Nov 24 Javascript
拖动Html元素集合 Drag and Drop any item
Dec 22 #Javascript
拖动一个HTML元素
Dec 22 #Javascript
JavaScript中Array 对象相关的几个方法
Dec 22 #Javascript
JavaScript事件列表解说
Dec 22 #Javascript
改进:论坛UBB代码自动插入方式
Dec 22 #Javascript
用javascript获取地址栏参数
Dec 22 #Javascript
在IE下:float属性会影响offsetTop的取值
Dec 22 #Javascript
You might like
Php图像处理类代码分享
2012/01/19 PHP
Yii中实现处理前后台登录的新方法
2015/12/28 PHP
使用PHP如何实现高效安全的ftp服务器(二)
2015/12/30 PHP
java微信开发之上传下载多媒体文件
2016/06/24 PHP
PHP使用new StdClass()创建空对象的方法分析
2017/06/06 PHP
Yii2框架自定义类统一处理url操作示例
2019/05/25 PHP
jQuery 选择器理解
2010/03/16 Javascript
妙用Jquery的val()方法
2012/06/27 Javascript
JavaScript strike方法入门实例(给字符串加上删除线)
2014/10/17 Javascript
jQuery实现form表单基于ajax无刷新提交方法详解
2015/12/08 Javascript
javascript计时器编写过程与实现方法
2016/02/29 Javascript
AngularJS中isolate scope的用法分析
2016/11/22 Javascript
原生js实现可爱糖果数字时间特效
2016/12/30 Javascript
Mint UI组件库CheckList使用及踩坑总结
2018/12/20 Javascript
一秒学会微信小程序制作table表格
2019/02/14 Javascript
vue项目打包上传github并制作预览链接(pages)
2019/04/19 Javascript
vue瀑布流组件实现上拉加载更多
2020/03/10 Javascript
详解js中的几种常用设计模式
2020/07/16 Javascript
[02:20]DOTA2中文配音宣传片
2013/05/22 DOTA
python2.7删除文件夹和删除文件代码实例
2013/12/18 Python
简单理解Python中基于生成器的状态机
2015/04/13 Python
Python 中的Selenium异常处理实例代码
2018/05/03 Python
对pandas通过索引提取dataframe的行方法详解
2019/02/01 Python
浅谈python中get pass用法
2019/03/19 Python
python命令 -u参数用法解析
2019/10/24 Python
将python安装信息加入注册表的示例
2019/11/20 Python
python实现滑雪者小游戏
2020/02/22 Python
tensorflow下的图片标准化函数per_image_standardization用法
2020/06/30 Python
Python字典fromkeys()方法使用代码实例
2020/07/20 Python
linux面试题参考答案(3)
2012/09/13 面试题
求职信内容考虑哪几点
2013/10/05 职场文书
信息专业个人的自我评价
2013/12/27 职场文书
幼儿园小班教学反思
2014/02/02 职场文书
2014年最新大专生职业生涯规划书范文
2014/09/13 职场文书
职工年度考核评语
2014/12/31 职场文书
慰问信的写作格式及范文!
2019/06/24 职场文书