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 相关文章推荐
兼容多浏览器的字幕特效Marquee的通用js类
Jul 20 Javascript
JQuery调用绑定click事件的3种写法
Mar 28 Javascript
easyui-combobox 实现简单的自动补全功能示例
Nov 08 Javascript
Bootstrap表单制作代码
Mar 17 Javascript
微信小程序 功能函数小结(手机号验证*、密码验证*、获取验证码*)
Dec 08 Javascript
vue-cli实现多页面多路由的示例代码
Jan 30 Javascript
vue中如何使用ztree
Feb 06 Javascript
Vue.js进阶知识点总结
Apr 01 Javascript
解决JavaScript中0.1+0.2不等于0.3问题
Oct 23 Javascript
压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)
Feb 03 Javascript
关于javascript中的promise的用法和注意事项(推荐)
Jan 15 Javascript
ElementUI实现el-form表单重置功能按钮
Jul 21 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 采集程序原理分析篇
2010/03/05 PHP
PHP中::、-&amp;gt;、self、$this几种操作符的区别介绍
2013/04/24 PHP
php实现常见图片格式的水印和缩略图制作(面向对象)
2016/06/15 PHP
PHP implode()函数用法讲解
2019/03/08 PHP
PHP添加PNG图片背景透明水印操作类定义与用法示例
2019/03/12 PHP
PhpStorm 如何优雅的调试Hyperf的方法步骤
2019/11/24 PHP
jquery入门—数据删除与隔行变色以及图片预览
2013/01/07 Javascript
可简单避免的三个JS发布错误的详细介绍
2013/08/02 Javascript
原生js实现类似弹窗抖动效果
2015/04/02 Javascript
jQuery控制Div拖拽效果完整实例分析
2015/04/15 Javascript
jQuery操作iframe中js函数的方法小结
2016/07/06 Javascript
微信小程序去哪里找 小程序到底如何使用(附小程序名单)
2017/01/09 Javascript
正则表达式基本语法及表单验证操作详解【基于JS】
2017/04/07 Javascript
jQuery自动或手动图片切换效果
2017/10/11 jQuery
js设置随机切换背景图片的简单实例
2017/11/12 Javascript
AngularJS监听ng-repeat渲染完成的两种方法
2018/01/16 Javascript
微信小程序scroll-x失效的完美解决方法
2018/07/18 Javascript
详解Webpack抽离第三方类库以及common解决方案
2020/03/30 Javascript
windows下python和pip安装教程
2018/05/25 Python
python挖矿算力测试程序详解
2019/07/03 Python
pandas的连接函数concat()函数的具体使用方法
2019/07/09 Python
python双端队列原理、实现与使用方法分析
2019/11/27 Python
通过python检测字符串的字母
2020/02/18 Python
Python如何把Spark数据写入ElasticSearch
2020/04/18 Python
html5/css3响应式页面开发总结
2018/10/16 HTML / CSS
html5新增的属性和废除的属性简要概述
2013/02/20 HTML / CSS
销售人员自我评价怎么写
2013/09/19 职场文书
大学生入党思想汇报
2014/01/01 职场文书
《狐假虎威》教学反思
2014/02/07 职场文书
电子商务助理求职自荐信
2014/04/10 职场文书
终止劳动合同协议书
2014/04/14 职场文书
签约仪式策划方案
2014/06/02 职场文书
演讲稿的格式及范文
2014/08/22 职场文书
婚礼领导致辞大全
2015/07/28 职场文书
2015年教师党员个人总结
2015/11/24 职场文书
六年级作文之预言作文
2019/10/25 职场文书