繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript 写类方式之六
- Javascript
- getYear()函数问题(javascript教程)
- 一些比较常见的Javascript框架
- JavaScript事件参考手册
- javascript时间对象的练习
- prototype，executing，context，closure
- javascript实现网页跳转的方法
- JavaScript的事件：onLoad
- JavaScript操作符以及操作符优先级
- Javascript操作符应用详细讲解
- JavaScript语句
- JavaScript 核心对象
- Javascript文档及其关联对象
- Javascript表单应用的对象
- JavaScript初学困境
- Javascript触发A标记的点击事件
- JavaScript的setAttribute
- 学习JavaScript语言的思想前提
- 美化网页表单的提交和重置按钮
- 一篇简单学习Javascript的学习笔记
- 仿Apple滑动条产品展示效果
Javascript 中的 javascript 写类方式之六
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 403 ::
收藏到网摘: n/a
这篇开始会分析流行的js库之写类方式。各种库的写类方式虽然千奇百怪，但仍然逃离不了本质---用构造函数和原型 来组装类。 6、Prototype.js的写类方式
复制代码 代码如下:
//prototype.js中的代码
var Class = {
create: function() {
return function() {
this.initialize.apply(this, arguments);
}
}
}
//简化后的
function Clazz() {
return function(){
this.initialize.apply(this,arguments);
}
}
如下步骤写一个类，
复制代码 代码如下:
//类名Person
var Person = Class.create();
//通过原型重写来定义Person
Person.prototype = {
initialize : function(name) {
this.name = name;
},
getName : function() {
return this.name;
},
setName : function(name) {
this.name = name;
}
}
//创建对象
var p = new Person("jack");
console.log(p.constructor == Person);//false
initialize完成对象的初始化（相当于构造函数），方法依次往下写即可。
有个问题，通过这句p.constructor == Person为false可以看到，这正是Prototype.js一个小小的缺陷。原因是重写了Person的原型。为了使constructor能指向正确的构造器，只需在原型重写时维护好constructor属性即可。
复制代码 代码如下:
Person.prototype = {
constructor : Person,//注意这里
initialize : function(name) {
this.name = name;
},
getName : function() {
return this.name;
},
setName : function(name) {
this.name = name;
}
}
好了，这时候p.constructor == Person就是true了。
评论 (0) All
