一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

javascript 寫類方式之四

4、構造函數 + 原型 直接組裝一個類;同一構造函數將組裝出同一類型
通過前面幾篇得知Javascript寫類無非基于構造函數 和原型 。既然這樣,我們寫個工具函數來寫類。
復制代碼 代碼如下:
/**
* $class 寫類工具函數之一
* @param {Object} constructor
* @param {Object} prototype
*/
function $class(constructor,prototype) {
var c = constructor || function(){};
var p = prototype || {};
c.prototype = p;
return c;
}

嗯。工具類寫好了,來組裝下:用構造函數來生成類實例的屬性(字段),原型對象用來生成類實例的方法。
復制代碼 代碼如下:
//構造函數
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,這時候已經得到了兩個類Man,Woman。并且是同一個類型的。測試如下:
復制代碼 代碼如下:
console.log(Man == Woman);//true
console.log(Man.prototype == Woman.prototype);//true

創建對象看看,
復制代碼 代碼如下:
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一切如我們所期望。但是有個問題,下面代碼的結果輸出false,
復制代碼 代碼如下:
console.log(man.constructor == Person);//false

這讓人不悅:從以上的代碼看出man的確是通過Man類new出來的 var man = new Man("Andy"),那么對象實例man的構造器應該指向Man,但為何事與愿違呢?
原因就在于$class中重寫了Person的原型:c.prototype = p;
好了,我們把$class稍微改寫下,將方法都掛在構造器的原型上(而不是重寫構造器的原型),如下:
復制代碼 代碼如下:
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技術javascript 寫類方式之四,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 久久久久久精 | 夜色视频一区二区三区 | 精品国产成人 | 91豆奶视频| 亚洲日本一区二区三区在线 | 国产精品亚洲欧美一区麻豆 | 99久女女精品视频在线观看 | 日本国产最新一区二区三区 | 美女国内精品自产拍在线播放 | 91在线一区二区三区 | 国产秒拍 | 白白在线成人永久视频 | 91精品免费观看老司机 | 91久久精品都在这里 | 91精品免费久久久久久久久 | 免费视频不卡一区二区三区 | 美女扒开内衣看个够网站 | 香蕉成人国产精品免费看网站 | 国产对白91色拍高清精品 | 岛国毛片在线观看 | 美女色网| 国产精品欧美亚洲韩国日本 | 国产日韩欧美不卡www | 女人洗澡一级特黄毛片 | 色伊人网| 久久国产成人精品国产成人亚洲 | 精品一区二区91 | 免费国产h视频在线观看86 | 国产91免费在线观看 | 四虎永久在线精品视频播放 | 欧美xxxx另类 | 中文字幕在线观看一区二区三区 | 香蕉eeww99国产在线观看 | 大学生一级毛片全黄真人 | 在线激情小视频 | 美女视频黄频大全免费视频 | 久久精品中文字幕极品 | 欧美另类极品videosbest视频 | 免费在线精品视频 | 色婷婷香蕉 | 欧美ww|