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 相关文章推荐
JavaScript中void(0)的具体含义解释
Feb 27 Javascript
js 页面执行时间计算代码
Mar 04 Javascript
javascript基础知识大全 便于大家学习,也便于我自己查看
Aug 17 Javascript
jquery鼠标滑过提示title具体实现代码
Aug 06 Javascript
JavaScript实现跨浏览器的添加及删除事件绑定函数实例
Aug 04 Javascript
浅谈javascript:两种注释,声明变量,定义函数
Oct 05 Javascript
AngularJS 单选框及多选框的双向动态绑定
Apr 20 Javascript
springMVC + easyui + $.ajaxFileUpload实现文件上传注意事项
Apr 23 Javascript
JS实现HTML页面中动态显示当前时间完整示例
Jul 30 Javascript
微信小程序第三方框架对比 之 wepy / mpvue / taro
Apr 10 Javascript
vue实力踩坑之push当前页无效
Apr 10 Vue.js
vue ant design 封装弹窗表单的使用
Jun 01 Vue.js
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
同时提取多条新闻中的文本一例
2006/10/09 PHP
php单件模式结合命令链模式使用说明
2008/09/07 PHP
介绍一些PHP判断变量的函数
2012/04/24 PHP
php自定义urlencode,urldecode函数实例
2015/03/24 PHP
php设置页面超时时间解决方法
2015/09/22 PHP
PHP 将dataurl转成图片image方法总结
2016/10/14 PHP
动态表单验证的操作方法和TP框架里面的ajax表单验证
2017/07/19 PHP
基于jquery &amp; json的省市区联动代码
2012/06/26 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(三)情景对话中仿打字机输出文字
2013/01/23 Javascript
JS实现标签页效果(配合css)
2013/04/03 Javascript
js实现局部页面打印预览原理及示例代码
2014/07/03 Javascript
jquery自定义右键菜单、全选、不连续选择
2016/03/01 Javascript
基于jQuery实现仿QQ空间送礼物功能代码
2016/05/24 Javascript
php简单数据库操作类的封装
2017/06/08 Javascript
详解如何使用PM2将Node.js的集群变得更加容易
2017/11/15 Javascript
element 结合vue 在表单验证时有值却提示错误的解决办法
2018/01/22 Javascript
使用Vue.js和Element-UI做一个简单登录页面的实例
2018/02/23 Javascript
浅谈在Vue.js中如何实现时间转换指令
2019/01/06 Javascript
vue项目中全局引入1个.scss文件的问题解决
2019/08/01 Javascript
微信小程序实现首页弹出广告
2020/12/03 Javascript
微信小程序canvas实现签名功能
2021/01/19 Javascript
全面解析js中的原型,原型对象,原型链
2021/01/25 Javascript
Python中MySQLdb和torndb模块对MySQL的断连问题处理
2015/11/09 Python
机器学习python实战之决策树
2017/11/01 Python
详解Python里使用正则表达式的ASCII模式
2017/11/02 Python
Django框架登录加上验证码校验实现验证功能示例
2019/05/23 Python
python绘制已知点的坐标的直线实例
2019/07/04 Python
python实现将字符串中的数字提取出来然后求和
2020/04/02 Python
python实现将range()函数生成的数字存储在一个列表中
2020/04/02 Python
Elasticsearch py客户端库安装及使用方法解析
2020/09/14 Python
美国知名艺术画网站:Art.com
2017/02/09 全球购物
英国高街电视:High Street TV
2018/05/22 全球购物
六查六看自查材料
2014/02/17 职场文书
五年级作文之劳动作文
2019/11/12 职场文书
使用Vue3+Vant组件实现App搜索历史记录功能(示例代码)
2021/06/09 Vue.js
日本十大血腥动漫,那些被禁播的动漫盘点
2022/03/21 日漫