一区二区久久-一区二区三区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)系我們修改或刪除,多謝。

主站蜘蛛池模板: 一级爱做片免费观看久久 | 国产美女91 | 精品在线91 | 一区二区三区在线免费视频 | 亚洲国产精品一区二区三区在线观看 | 亚洲图片视频在线 | 91国在线啪精品一区 | 亚洲综合免费 | 91久久精品都在这里 | 天天操夜夜做 | 97在线精品视频 | 男人靠女人视频无遮挡大全 | 国产在线综合一区二区三区 | 国产精品午夜高清在线观看 | 激情视频激情图片激情小说 | 国产精品免费一区二区三区 | 国产欧美久久久精品影院 | 精品精品精品 | 久久国产精品视频 | 亚洲第一国产 | 高清一区二区三区 | 久久91精品久久91综合 | 亚洲人成影网站~色 | 日本精品久久久久中文字幕8 | 免费大黄网站在线观看 | 伊人蕉久 | 久久夜色精品国产噜噜小说 | 国产成人麻豆精品video | 日本精品视频一区 | 在线观看黄网站 | 亚洲综合激情 | 九九碰| 一本色道久久88综合亚洲精品高清 | 日韩精品高清自在线 | 国产一区二区在免费观看 | 777久久婷婷成人综合色 | 亚洲国产一区二区三区亚瑟 | 成人午夜视频在线观看 | 国产成人一区二区 | 欧美精品亚洲二区 | 婷婷免费视频 |