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 相关文章推荐
JS分页控件 可用于无刷新分页
Jul 23 Javascript
js中创建对象的几种方式示例介绍
Jan 26 Javascript
jquery制作弹窗提示窗口代码分享
Mar 02 Javascript
JS倒计时代码汇总
Nov 25 Javascript
JavaScript模拟实现键盘打字效果
Jun 29 Javascript
判断JS对象是否拥有某属性的方法推荐
May 12 Javascript
loading动画特效小结
Jan 22 Javascript
Angular2安装angular-cli
May 21 Javascript
React Native react-navigation 导航使用详解
Dec 01 Javascript
vue中v-for通过动态绑定class实现触发效果
Dec 06 Javascript
实用Javascript调试技巧分享(小结)
Jun 18 Javascript
JS 获取文件后缀,判断文件类型(比如是否为图片格式)
May 09 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
融入意大利的咖啡文化
2021/03/03 咖啡文化
开源SNS系统-ThinkSNS
2008/05/18 PHP
php mysql数据库操作类
2008/06/04 PHP
php set_magic_quotes_runtime() 函数过时解决方法
2010/07/08 PHP
配置php.ini实现PHP文件上传功能
2014/11/27 PHP
ThinkPHP中order()使用方法详解
2016/04/19 PHP
php实现的XML操作(读取)封装类完整实例
2017/02/23 PHP
PHP实现验证码校验功能
2017/11/16 PHP
yii2 url重写并隐藏index.php方法
2018/12/10 PHP
基于jquery的获取浏览器窗口大小的代码
2011/03/28 Javascript
JavaScript中合并数组的N种方法
2014/09/16 Javascript
javascript+HTML5的Canvas实现Lab单车动画效果
2015/08/07 Javascript
jQuery实现仿新浪微博浮动的消息提示框(可智能定位)
2015/10/10 Javascript
Angular 2应用的8个主要构造块有哪些
2016/10/17 Javascript
BootStrap 实现各种样式的进度条效果
2016/12/07 Javascript
JavaScript正则表达式exec/g实现多次循环用法示例
2017/01/17 Javascript
js中的事件委托或是事件代理使用详解
2017/06/23 Javascript
Node.js引入UIBootstrap的方法示例
2018/05/11 Javascript
vue filters的使用详解
2018/06/11 Javascript
详解Vue-cli中的静态资源管理(src/assets和static/的区别)
2018/06/19 Javascript
Vue点击切换颜色的方法
2018/09/13 Javascript
vue接入腾讯防水墙代码
2019/05/07 Javascript
Vue.use()在new Vue() 之前使用的原因浅析
2019/08/26 Javascript
python类参数self使用示例
2014/02/17 Python
windows环境下tensorflow安装过程详解
2018/03/30 Python
Python爬虫beautifulsoup4常用的解析方法总结
2019/02/25 Python
Pytest mark使用实例及原理解析
2020/02/22 Python
印尼最大的婴儿用品购物网站:Orami
2017/09/28 全球购物
MATCHESFASHION.COM法国官网:英国奢侈品零售商
2018/01/04 全球购物
美国狗旅行和户外用品领先供应商:kurgo
2020/08/18 全球购物
2015年施工员工作总结范文
2015/04/20 职场文书
原告代理词范文
2015/05/25 职场文书
钱学森观后感
2015/06/04 职场文书
golang 实现并发求和
2021/05/08 Golang
Python中使用ipython的详细教程
2021/06/22 Python
Django+Celery实现定时任务的示例
2021/06/23 Python