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 相关文章推荐
点弹代码 点击页面任何位置都可以弹出页面效果代码
Sep 17 Javascript
关于include标签导致js路径找不到的问题分析及解决
Jul 09 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战一)
Aug 21 Javascript
javascript中怎么做对象的类型判断
Nov 11 Javascript
深入理解ECMAScript的几个关键语句
Jun 01 Javascript
基于cssSlidy.js插件实现响应式手机图片轮播效果
Aug 30 Javascript
ES6字符串模板,剩余参数,默认参数功能与用法示例
Apr 06 Javascript
JavaScript实现三级级联特效
Nov 05 Javascript
Vue.JS项目中5个经典Vuex插件
Nov 28 Javascript
微信小程序实现随机验证码功能
Dec 20 Javascript
Js代码中的span拼接问题解决
Nov 22 Javascript
jQuery实现的图片点击放大缩小功能案例
Jan 02 jQuery
拖动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
星际争霸秘籍
2020/03/04 星际争霸
我的论坛源代码(六)
2006/10/09 PHP
php相当简单的分页类
2008/10/02 PHP
php图片上传存储源码并且可以预览
2011/08/26 PHP
Symfony2联合查询实现方法
2016/03/18 PHP
PHP读书笔记_运算符详解
2016/07/01 PHP
thinkphp项目如何自定义微信分享描述内容
2017/02/20 PHP
Javascript 检测键盘按键信息及键码值对应介绍
2013/01/03 Javascript
JQuery 文本框回车跳到下一个文本框示例代码
2013/08/30 Javascript
原生JavaScript实现Ajax的方法
2016/04/07 Javascript
jquery获取复选框checkbox的值实现方法
2016/05/30 Javascript
JavaScript_object基础入门(必看篇)
2016/06/13 Javascript
深入浅析JavaScript中的3DES
2016/08/24 Javascript
基于Vue2.0的分页组件
2017/03/16 Javascript
通过实例讲解JS如何防抖动
2019/06/15 Javascript
Vue3.0数据响应式原理详解
2019/10/09 Javascript
详解JavaScript修改注册表的方法
2020/01/05 Javascript
为Python程序添加图形化界面的教程
2015/04/29 Python
python统计中文字符数量的两种方法
2019/01/31 Python
pyinstaller参数介绍以及总结详解
2019/07/12 Python
使用python批量修改文件名的方法(视频合并时)
2020/03/24 Python
使用Python 自动生成 Word 文档的教程
2020/02/13 Python
Python使用requests xpath 并开启多线程爬取西刺代理ip实例
2020/03/06 Python
Python unittest单元测试框架实现参数化
2020/04/29 Python
CSS3 优势以及网页设计师如何使用CSS3技术
2009/07/29 HTML / CSS
详解Canvas实用库Fabric.js使用手册
2019/01/07 HTML / CSS
韩国三星集团旗下时尚品牌官网:SSF SHOP
2016/08/02 全球购物
北美主要的汽车零部件零售商:AutoShack.com
2019/02/23 全球购物
周生生珠宝香港官网:Chow Sang Sang(香港及海外配送)
2019/09/05 全球购物
Android笔试题总结
2014/11/29 面试题
学校三节实施方案
2014/06/09 职场文书
2014年采购员工作总结
2014/11/18 职场文书
师德师风个人总结
2015/02/06 职场文书
运动员入场前导词
2015/07/20 职场文书
一篇合格的广告文案,其主要目的是什么?
2019/07/12 职场文书
用python批量解压带密码的压缩包
2021/05/31 Python