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 相关文章推荐
$()JS小技巧
Jul 21 Javascript
JS/Jquery判断对象为空的方法
Jun 11 Javascript
每天一篇javascript学习小结(Date对象)
Nov 13 Javascript
zTree插件下拉树使用入门教程
Apr 11 Javascript
Ubuntu 16.04 64位中搭建Node.js开发环境教程
Oct 19 Javascript
webpack入门+react环境配置
Feb 08 Javascript
json的结构与遍历方法实例分析
Apr 25 Javascript
vue下跨域设置的相关介绍
Aug 26 Javascript
Three.js利用dat.GUI如何简化试验流程详解
Sep 26 Javascript
Vue2.5 结合 Element UI 之 Table 和 Pagination 组件实现分页功能
Jan 26 Javascript
Vue仿支付宝支付功能
May 25 Javascript
vue 实现左右拖拽元素并且不超过他的父元素的宽度
Nov 30 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 ? EasyUI DataGrid 资料存的方式介绍
2012/11/07 PHP
PHP7标量类型declare用法实例分析
2016/09/26 PHP
PHP上传Excel文件导入数据到MySQL数据库示例
2016/10/25 PHP
关于Laravel Route重定向的一个注意点
2017/01/16 PHP
JavaScript 序列化对象实现代码
2009/12/18 Javascript
解析John Resig Simple JavaScript Inheritance代码
2012/12/03 Javascript
js随机颜色代码的多种实现方式
2013/04/23 Javascript
谈谈对offsetleft兼容性的理解
2015/11/11 Javascript
基于JS实现新闻列表无缝向上滚动实例代码
2016/01/22 Javascript
js Canvas绘制圆形时钟效果
2017/02/17 Javascript
基于Angular.js实现的触摸滑动动画实例代码
2017/02/19 Javascript
微信小程序 PHP生成带参数二维码
2017/02/21 Javascript
jQuery中用on绑定事件时需注意的事项
2017/03/19 Javascript
nuxt+axios解决前后端分离SSR的示例代码
2017/10/24 Javascript
完美解决linux下node.js全局模块找不到的情况
2018/05/16 Javascript
vue实现弹框遮罩点击其他区域弹框关闭及v-if与v-show的区别介绍
2018/09/29 Javascript
Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验
2019/04/22 Javascript
使用 webpack 插件自动生成 vue 路由文件的方法
2019/08/20 Javascript
Electron+vue从零开始打造一个本地播放器的方法示例
2020/10/27 Javascript
[08:44]DOTA2发布会群星聚首 我们都是刀塔人
2014/03/21 DOTA
Python实现测试磁盘性能的方法
2015/03/12 Python
用pickle存储Python的原生对象方法
2017/04/28 Python
解决Python pandas plot输出图形中显示中文乱码问题
2018/12/12 Python
详解python中__name__的意义以及作用
2019/08/07 Python
windows10 pycharm下安装pyltp库和加载模型实现语义角色标注的示例代码
2020/05/07 Python
美国在线印刷公司:PsPrint
2017/10/12 全球购物
三星英国官网:Samsung英国
2018/09/25 全球购物
三星新西兰官网:Samsung新西兰
2019/03/05 全球购物
英国领先的酒杯和水晶玻璃器皿制造商:Dartington Crystal
2019/06/23 全球购物
几道Java和数据库的面试题
2013/05/30 面试题
大学生创业计划书怎么写
2014/09/15 职场文书
2014工程部年度工作总结
2014/12/17 职场文书
幼儿园端午节活动总结
2015/05/05 职场文书
《梅花魂》教学反思
2016/02/18 职场文书
2019职场实习报告该怎么写?
2019/07/01 职场文书
详解MySQL数据库千万级数据查询和存储
2021/05/18 MySQL