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 相关文章推荐
在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码
Apr 20 Javascript
flexigrid 类似ext grid的JS表格代码
Jul 17 Javascript
ExtJs设置GridPanel表格文本垂直居中示例
Jul 15 Javascript
jQuery点击输入框显示验证码图片
May 19 Javascript
浅谈DOCTYPE对$(window).height()取值的影响
Jul 21 Javascript
jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
Dec 27 Javascript
bootstrap table实例详解
Jan 06 Javascript
Vuejs实现带样式的单文件组件新方法
May 02 Javascript
详解如何在vue项目中使用eslint+prettier格式化代码
Nov 10 Javascript
vuex管理状态 刷新页面保持不被清空的解决方案
Nov 11 Javascript
Vue的props父传子的示例代码
May 20 Javascript
vue3中provide && inject的使用
Jul 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
PHP数组操作――获取数组最后一个值的方法
2015/04/14 PHP
使用Composer安装Yii框架的方法
2016/03/15 PHP
Yii中的cookie的发送和读取
2016/07/27 PHP
PHP入门教程之表单与验证实例详解
2016/09/11 PHP
php微信公众号开发之现金红包
2018/04/16 PHP
laravel model模型处理之修改查询或修改字段时的类型格式案例
2019/10/17 PHP
基于ThinkPHP删除目录及目录文件函数
2020/10/28 PHP
如何在Web页面上直接打开、编辑、创建Office文档
2007/03/12 Javascript
Javascript学习笔记2 函数
2010/01/11 Javascript
深入理解JavaScript系列(21):S.O.L.I.D五大原则之接口隔离原则ISP详解
2015/03/05 Javascript
javascript显示中文日期的方法
2015/06/18 Javascript
原生JavaScript实现AJAX、JSONP
2017/02/07 Javascript
jquery基于layui实现二级联动下拉选择(省份城市选择)
2017/06/20 jQuery
基于Vue实例生命周期(全面解析)
2017/08/16 Javascript
初探js和简单隐藏效果的实例
2017/11/23 Javascript
vue项目如何监听localStorage或sessionStorage的变化
2021/01/04 Vue.js
vue3中轻松实现switch功能组件的全过程
2021/01/07 Vue.js
[40:56]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 Liquid vs TNC
2018/04/01 DOTA
简单解析Django框架中的表单验证
2015/07/17 Python
详解python中@的用法
2019/03/27 Python
Python Pandas 对列/行进行选择,增加,删除操作
2020/05/17 Python
Pure Collection美国官网:来自英国羊绒专家的奢华羊绒
2017/11/19 全球购物
亚马逊墨西哥站:Amazon.com.mx
2018/08/26 全球购物
eBay奥地利站:eBay.at
2019/07/24 全球购物
香港家用健身器材、运动器材及健康美容仪器专门店:FitBoxx
2019/12/05 全球购物
考试没考好检讨书
2014/01/31 职场文书
小学数学教学反思
2014/02/02 职场文书
《中华少年》教学反思
2014/02/15 职场文书
《守株待兔》教学反思
2014/03/01 职场文书
入党自我鉴定
2014/03/25 职场文书
捐书倡议书
2014/08/29 职场文书
六查六看自检自查剖析材料
2014/10/14 职场文书
员工开除通知书
2015/04/25 职场文书
2015年中学总务处工作总结
2015/07/22 职场文书
班干部竞选演讲稿(精选5篇)
2019/09/24 职场文书
js面向对象编程OOP及函数式编程FP区别
2022/07/07 Javascript