|
|
通過前面幾篇得知Javascript寫類無非基于構(gòu)造函數(shù) 和原型 。既然這樣，我們寫個工具函數(shù)來寫類。
復(fù)制代碼 代碼如下:
/**
* $class 寫類工具函數(shù)之一
* @param {Object} constructor
* @param {Object} prototype
*/
function $class(constructor,prototype) {
var c = constructor || function(){};
var p = prototype || {};
c.prototype = p;
return c;
}
嗯。工具類寫好了，來組裝下：用構(gòu)造函數(shù)來生成類實例的屬性（字段），原型對象用來生成類實例的方法。
復(fù)制代碼 代碼如下:
//構(gòu)造函數(shù)
function Person(name) {
this.name = name;
}
//原型對象
var proto = {
getName : function(){return this.name},
setName : function(name){this.name = name;}
}
//組裝
var Man = $class(Person,proto);
var Woman = $class(Person,proto);
ok，這時候已經(jīng)得到了兩個類Man，Woman。并且是同一個類型的。測試如下：
復(fù)制代碼 代碼如下:
console.log(Man == Woman);//true
console.log(Man.prototype == Woman.prototype);//true
創(chuàng)建對象看看，
復(fù)制代碼 代碼如下:
var man = new Man("Andy");
var woman = new Woman("Lily");
console.log(man instanceof Man);//true
console.log(woman instanceof Woman);//true
console.log(man instanceof Person);//true
console.log(woman instanceof Person);//true
ok一切如我們所期望。但是有個問題，下面代碼的結(jié)果輸出false，
復(fù)制代碼 代碼如下:
console.log(man.constructor == Person);//false
這讓人不悅：從以上的代碼看出man的確是通過Man類new出來的 var man = new Man("Andy")，那么對象實例man的構(gòu)造器應(yīng)該指向Man，但為何事與愿違呢？
原因就在于$class中重寫了Person的原型：c.prototype = p;
好了，我們把$class稍微改寫下，將方法都掛在構(gòu)造器的原型上（而不是重寫構(gòu)造器的原型），如下：
復(fù)制代碼 代碼如下:
function $class(constructor,prototype) {
var c = constructor || function(){};
var p = prototype || {};
// c.prototype = p;
for(var atr in p)
c.prototype[atr] = p[atr];
return c;
}
JavaScript技術(shù)：javascript 寫類方式之四，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
