JavaScript使用prototype定义对象类型

2016-02-19 10:45 1 1 收藏

下面图老师小编要跟大家分享JavaScript使用prototype定义对象类型,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

【 tulaoshi.com - Web开发 】

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" /
titleTest Object/title
script type="text/javascript" src="prototype.js"/script
/head
body
script type="text/javascript"/DIV
DIV class=codevar 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=codevar person = new Person("robbin",30);
person.toString();
/script
/body
/html

来源:https://www.tulaoshi.com/n/20160219/1595648.html

延伸阅读
标签: Web开发
JavaScript中Math对象是是一个固有对象,提供基本数学函数和常数。使用方法: Math.[{property | method}] 其中property是必选项。Math 对象的一个属性名。 method是必选项。Math.对象的一个方法名。 JavaScript中Math对象不能用 new 运算符创建,如果试图这样做则给出错误。该对象在装载脚本引擎时由该引擎创建...
标签: Web开发
frames 表示当前窗口中所有frame对象的数组 status 表示浏览器的状态行信息 defaultstatus 表示浏览器的状态行信息 history 表示当前窗口的历史记录,这可以引用在网页导航中 closed 表示当前窗口是否关闭的逻辑值 document 表示当前窗口中显示的当前文档对象 location 表示当前窗口中显示的当前URL的信息 ...
定义函数对象 赵湘宁     尽管函数指针被广泛用于实现函数回调,但C++还提供了一个重要的实现回调函数的方法,那就是函数对象。函数对象(也称“算符”)是重载了“()”操作符的普通类对象。因此从语法上讲,函数对象与普通的函数行为类似。     用函数对象代替函数指针有几个优...
标签: Web开发
使用浏览器的内部对象系统, 可实现与HTML文档进行交互。它的作用是将相关元素组织包装起来,提供给程序设计人员使用,从而减轻编程人的劳动,提高设计Web页面的能力。 三、范例 例1:下面我们通过一个例子来说明文档对象的综合应用。输出结果见图6-2所示。 Test6_2.htm html head /HEAD BOdy Form Name="mytable" 请输入...
标签: Web开发
我想prototype.js里的ajax对象肯定吸引了不少人,大量封装好的ajax逻辑的类,对于我们这些初学者使用ajax有很大的帮助。 以下用一个我的具体使用例子来解释:效果看这里 1. Ajax.Request 你可以这样创建它 代码如下: var url = 'http://yoursever/your/your'; var pars = 'id=xxx'; var myAjax...

经验教程

522

收藏

96
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部