当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript 写类方式之六

Javascript
JavaScript中的Navigator浏览器对象
JavaScript中的Screen屏幕对象
JavaScript中的Window窗口对象
JavaScript中的History历史对象
JavaScript中的Location地址对象
JavaScript中的Document文档对象
JavaScript中的事件处理
JavaScript中的对象化编程
JavaScript框架编程
JavaScript的Cookies
JavaScript表单常用验证集合
javascript 实现的多浏览器支持的贪吃蛇webgame
表现、结构、行为分离的选项卡效果
用JavaScript 判断用户使用的是 IE6 还是 IE7
msn上的tab功能Firefox对childNodes处理的一个BUG
jquery 插件 人性化的消息显示
零基础学JavaScript最新动画教程+iso光盘下载
用jQuery实现检测浏览器及版本的脚本代码
在Javascript类中使用setTimeout
Javascript 写的简单进度条控件

No. « 91 92 93 94 »

技术文章搜索

关键字

Javascript 中的 javascript 写类方式之六

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-12   浏览: 345 ::
收藏到网摘: 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了。