javascript 寫類方式之六

2019-11-21 01:17:33

字體：大中小

來源：轉載

供稿：網友

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了。

上一篇：javascript 寫類方式之七

下一篇：javascript 寫類方式之五