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

慎用 somefunction.prototype 分析

復(fù)制代碼 代碼如下:
// code from jb51.NET
function Person(name) {
this.Name = name;
}
Person.prototype.SayHello = function() {
alert('Hello, ' + this.Name);
}
Person.prototype.SayBye = function() {
alert('Goodbye, ' + this.Name);
}

不過,有的時(shí)候,為了書寫以及維護(hù)的方便,我們會(huì)把公有方法的聲明寫到一個(gè)對(duì)象里,然后賦值給 Person.prototype,例如:
復(fù)制代碼 代碼如下:
// code from jb51.NET
function Person(name) {
this.Name = name;
}
Person.prototype = {
SayHello: function() {
alert('Hello, ' + this.Name);
},
SayBye: function() {
alert('Goodbye, ' + this.Name);
}
}

使用這種方式,在這個(gè)類具有大量公有方法的時(shí)候,就不需要維護(hù)許多的 Person 標(biāo)識(shí)符,如果某一天這個(gè)類的名字需要改變,那么要改的地方只有兩個(gè),一個(gè)是 function 的聲明,一個(gè)是 prototype 前面的標(biāo)識(shí)符,如果是使用前一種方式的話,那么有多少個(gè)公有方法,就需要維護(hù) N+1 個(gè)標(biāo)識(shí)符了,雖然可以使用查找替換,但是從穩(wěn)定上來說,查找替換可能會(huì)引起一些錯(cuò)誤,這增加了維護(hù)的成本。

這種方式雖然給我們的維護(hù)增加了便利,但也引發(fā)了另外一個(gè)隱藏的問題,就是類的 constructor 屬性丟失的問題。
復(fù)制代碼 代碼如下:
// code from jb51.NET
function Person1(name) {
this.Name = name;
}
Person1.prototype.SayHello = function() {
alert('Hello, ' + this.Name);
}
Person1.prototype.SayBye = function() {
alert('Goodbye, ' + this.Name);
}
// code from jb51.NET
function Person2(name) {
this.Name = name;
}
Person2.prototype = {
SayHello: function() {
alert('Hello, ' + this.Name);
},
SayBye: function() {
alert('Goodbye, ' + this.Name);
}
}
alert(new Person1('Bill').constructor);
alert(new Person2('Steve').constructor);

運(yùn)行上面的測(cè)試代碼我們可以發(fā)現(xiàn),Person1 的 constructor 屬性為 Person1 類的構(gòu)造函數(shù),但是 Person2 的 constructor 屬性卻是 Object,那么在需要使用 constructor 屬性來判斷對(duì)象類型的時(shí)候,就會(huì)出現(xiàn)問題。
因此,在寫 JavaScript 類的時(shí)候,如果不需要使用 constructor 屬性來獲取對(duì)象的類型,那么個(gè)人比較傾向于使用第二種寫法,但是如果需要使用 constructor 屬性以實(shí)現(xiàn)自己的反射機(jī)制或 GetType 函數(shù)等等,那么就要使用第一種寫法。
當(dāng)然,如果在實(shí)現(xiàn)自己反射機(jī)制或 GetType 函數(shù)時(shí)并不依賴 constructor 屬性,那么兩種寫法都是可以的了,例如額外維護(hù)一個(gè)成員變量,用于標(biāo)識(shí)自身的類型等。也可以使用一些現(xiàn)成的JS框架,有一些框架已經(jīng)實(shí)現(xiàn)了JS中類的實(shí)現(xiàn)等,例如 js.class,這就看個(gè)人需要進(jìn)行取舍了。

JavaScript技術(shù)慎用 somefunction.prototype 分析,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 成 人 色综合 | 四虎影视国产在线观看精品 | 天天综合天天色 | 国内久久久久影院精品 | se在线播放| 亚洲国产一区二区在线 | 97人人澡人人爽人人爱 | 精品视频在线观看一区二区三区 | 亚洲永久免费 | 久久伊人热精品老鸭窝 | 国产日韩精品欧美一区喷 | seyoyo在线| 五月婷婷六月爱 | 久久www免费人成看片色多多 | 天天综合视频网 | 欧美三级成人 | 涩涩涩在线 | 午夜黄色小视频 | 99国产小视频 | 岛国一区二区 | 国产一级做a爰片... | 亚洲二区在线观看 | 最新国产福利在线 | 国产午夜精品一区二区 | 成人资源在线观看 | 国产最新精品精品视频 | 伊人久久综合网站 | 久久人人草 | 国产欧美日韩综合精品无毒 | 亚洲精品第一国产综合高清 | 四虎影视永久免费视频观看 | 久久久窝窝午夜精品 | 青青草人人 | 久久性感视频 | 播放久久国产乱子伦精品 | 欧美日韩福利视频一区二区三区 | 亚洲a视频 | 久久伊人一区二区三区四区 | 精品国产91在线网 | 一个人免费播放在线视频看片 | 国产精品区网红主播在线观看 |