JavaScript使用prototype定义对象类型
更新时间：2007年02月07日 00:00:00 作者：
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>
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>
您可能感兴趣的文章:
- 判断js中各种数据的类型方法之typeof与0bject.prototype.toString讲解
- js类定义函数时用prototype与不用的区别示例介绍
- JavaScript使用prototype定义对象类型(转)[
- JavaScript类和继承 prototype属性
- JavaScript子类用Object.getPrototypeOf去调用父类方法解析
- javascript基于prototype实现类似OOP继承的方法
- JS伪继承prototype实现方法示例
- 浅谈js构造函数的方法与原型prototype
- js实现prototype扩展的方法(字符串,日期,数组扩展)
- Javascript中prototype属性实现给内置对象添加新的方法
- JS利用prototype给类添加方法操作详解
相关文章
剩下的方法太多，于是分作两部分。亮点就是$break和$continue，以及grep方法的思想2012-01-01
这一篇主要是要总论Element的所有函数。2008-10-10
使用prototype.js 的时候应该特别注意的几个问题.
使用prototype.js 的时候应该特别注意的几个问题....2007-04-04
这个对象在帮助文档上并没有，但是这个对象确是整个DOM操作的核心类，工具函数$$，其实就是调用这个类的方法2009-07-07
Element，哈哈哈。遇到正主了，到现在为止才遇到让我高兴的玩意。当初Ext.Element可是花三千余行代码专门来封装啊。我倒要看一看它的代码了。事实上prototype中我最想研究的只有两个内容：Element、Selector。这两个东西是精华。2008-10-10
这里的Template对象其实就是格式化字符串的工具，就像java中的String.format方法。这个对象只提供一个方法evaluate。2009-07-07
Prototype $w $F使用方法2009-07-07
JavaScript语法着色引擎（demo及打包文件下载）...2007-06-06
用prototype实现的简单小巧的多级联动菜单...2007-03-03
这个对象里面的方法就是提供了一些字符串操作的工具方法，比较重要的gsub方法，下面做了详细的注释，简单的方法就不说了，一看就明白了。2009-07-07
最新评论