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 相关文章推荐
Iframe thickbox2.0使用的方法
Mar 05 Javascript
锋利的jQuery 第三章章节总结的例子
Mar 23 Javascript
一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子
Jun 26 Javascript
JavaScript导出Excel实例详解
Nov 25 Javascript
javascript+canvas实现刮刮卡抽奖效果
Jul 29 Javascript
JS脚本根据手机浏览器类型跳转WAP手机网站(两种方式)
Aug 04 Javascript
js性能优化技巧
Nov 29 Javascript
JS获取一个未知DIV高度的方法
Aug 09 Javascript
AngularJS中一般函数参数传递用法分析
Nov 22 Javascript
jQuery实现上传图片前预览效果功能
Aug 03 jQuery
详解vue.js下引入百度地图jsApi的两种方法
Jul 27 Javascript
vue中使用protobuf的过程记录
Oct 26 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设置Cookie的HTTPONLY属性方法
2017/02/09 PHP
php实现微信分享朋友链接功能
2019/02/18 PHP
js对象之JS入门之Array对象操作小结
2011/01/09 Javascript
深入理解JavaScript系列(16) 闭包(Closures)
2012/04/12 Javascript
JS随机漂浮广告代码具体实例
2013/11/19 Javascript
兼容主流浏览器的JS复制内容到剪贴板
2014/12/12 Javascript
Jquery中CSS选择器用法分析
2015/02/10 Javascript
jquery.validate提示错误信息位置方法
2016/01/22 Javascript
JS实现兼容各种浏览器的获取选择文本的方法【测试可用】
2016/06/21 Javascript
深入浅出ES6新特性之函数默认参数和箭头函数
2016/08/01 Javascript
JS公共小方法之判断对象是否为domElement的实例
2016/11/25 Javascript
详解webpack异步加载业务模块
2017/06/23 Javascript
使用 Node.js 模拟滑动拼图验证码操作的示例代码
2017/11/02 Javascript
浅谈vue中慎用style的scoped属性
2017/11/28 Javascript
微信小程序自定义tab实现多层tab嵌套功能
2018/06/15 Javascript
bootstrap动态调用select下拉框的实例代码
2018/08/09 Javascript
vue props传值失败 输出undefined的解决方法
2018/09/11 Javascript
webgl实现物体描边效果的方法介绍
2019/11/27 Javascript
基于Element的组件改造的树形选择器(树形下拉框)
2020/02/27 Javascript
vue中改变滚动条样式的方法
2020/03/03 Javascript
vue 动态设置img的src地址无效,npm run build 后找不到文件的解决
2020/07/26 Javascript
python实现简易版计算器
2020/06/22 Python
python pygame实现挡板弹球游戏
2019/11/25 Python
python+flask编写一个简单的登录接口
2020/11/13 Python
Canvas引入跨域的图片导致toDataURL()报错的问题的解决
2018/09/19 HTML / CSS
adidas旗下高尔夫装备供应商:TaylorMade Golf(泰勒梅高尔夫)
2016/08/28 全球购物
豪华床上用品、床单和浴室必需品:Peacock Alley
2019/09/04 全球购物
印尼第一大家居、生活和家具电子商务:Ruparupa
2019/11/25 全球购物
小学教师节活动方案
2014/01/31 职场文书
校园广播稿精选
2014/10/01 职场文书
2015年大学生村官工作总结
2015/04/21 职场文书
西安事变观后感
2015/06/12 职场文书
教师节大会主持词
2015/07/06 职场文书
小学生暑假安全保证书
2015/07/13 职场文书
婚礼迎宾词大全
2015/08/10 职场文书
Win11远程连接不上怎么办?Win11远程桌面用不了的解决方法
2022/08/05 数码科技