原型鏈

問(wèn)答:

1.有如下代碼,解釋Person, prototype, __proto__,p,constructor之間的關(guān)聯(lián)争舞。

function Person(name){
    this.name = name;
}
Person.prototype.sayName = function(){
    console.log('My name is :' + this.name);
}
var p = new Person("若愚")
p.sayName();
  • Person是一個(gè)構(gòu)造函數(shù)九秀,函數(shù)也是對(duì)象奢啥,那么Person就擁有屬性prototype__proto__第喳。prototype指向Person的原型對(duì)象,即Person.prototype缩擂,而__proto__指向構(gòu)造Person的函數(shù)的原型,即Function.prototype添寺。
  • Person.prototypePerson的原型對(duì)象胯盯,擁有屬性constructor__proto__constructor指向Person计露,__proto__指向Object.prototype博脑。
  • p作為Person構(gòu)造出來(lái)的實(shí)例對(duì)象憎乙,擁有屬性__proto__,指向Person.prototype叉趣。

2.上列中泞边,對(duì)對(duì)象p可以調(diào)用p.toStringtoString是哪里來(lái)的君账?畫(huà)出原型圖繁堡?并解釋什么是原型鏈。

toString來(lái)自于Object.toString乡数。原型圖如下:

原型鏈.jpg

當(dāng)訪問(wèn)p.toString時(shí)椭蹄,先在對(duì)象p的基本屬性中查找,發(fā)現(xiàn)沒(méi)有净赴,然后通過(guò)__proto__Person.prototype中查找绳矩,還是沒(méi)有,再通過(guò)__proto__Object.prototype中查找玖翅,最終找到了toString翼馆,完成訪問(wèn)。
當(dāng)訪問(wèn)一個(gè)對(duì)象的屬性或方法時(shí)金度,先在基本屬性中查找应媚,如果沒(méi)有,再沿著__proto__這條鏈向上找猜极,這就是原型鏈中姜。

3.對(duì)String做擴(kuò)展,實(shí)現(xiàn)如下方式獲取字符串中頻率最高的字符

String.prototype.getMostOften = function(){
    var str = this;
    var obj = {};              //創(chuàng)建一個(gè)obj對(duì)象用來(lái)儲(chǔ)存每個(gè)字符元素和它出現(xiàn)的次數(shù)
    for (var i = 0;i<str.length;i++){
        if(!obj[str[i]]){      //判斷當(dāng)前字符是否在obj對(duì)象中出現(xiàn)過(guò)
            obj[str[i]] = 1;   //如果沒(méi)有出現(xiàn)過(guò)跟伏,次數(shù)為1
        }else{
            obj[str[i]] ++;   //如果出現(xiàn)過(guò)丢胚,次數(shù)加1
        }
    }
    console.log(obj);
    var max = 0;               //初始化一個(gè)最大次數(shù)
    var mostWord= [];          //創(chuàng)建一個(gè)mostWord數(shù)組儲(chǔ)存出現(xiàn)最多的字符
    for(var key in obj){
        if(obj[key] > max){
            max = obj[key];
            mostWord = [];     //找到出現(xiàn)次數(shù)最多的字符后,清空數(shù)組受扳,將該字符儲(chǔ)存到數(shù)組中携龟。
            mostWord.push(key);
        }
        else if( obj[key] === max){
            mostWord.push(key)  //若有多個(gè)字符出現(xiàn)的次數(shù)相同,也儲(chǔ)存到數(shù)組中勘高。
        }
    }
    var result = mostWord.join("和");
    console.log("出現(xiàn)次數(shù)最多的字符為:"+result+",出現(xiàn)"+max+"次");
}
運(yùn)行結(jié)果

4.instanceof有什么作用峡蟋??jī)?nèi)部邏輯是如何實(shí)現(xiàn)的?

  • 作用:instanceof運(yùn)算符用來(lái)檢測(cè)某個(gè)構(gòu)造函數(shù)的原型是否存在于要檢測(cè)的對(duì)象的原型鏈上华望。在判斷引用類(lèi)型的時(shí)候蕊蝗,可以用到該運(yùn)算符。
  • 內(nèi)部邏輯:instanceof運(yùn)算符的第一個(gè)變量是一個(gè)對(duì)象:obj立美,第二個(gè)對(duì)象一般是一個(gè)構(gòu)造函數(shù):Func匿又。判斷邏輯是:沿著obj.__proto__這條線來(lái)找,如果找到一個(gè)對(duì)象是Func.prototype,就返回true建蹄,如果找到終點(diǎn)都沒(méi)有找到碌更,就返回false裕偿。用函數(shù)表示就是:
function instanceof(obj,Func){
      var __proto__ = obj.__proto__;
      do{
          if(__proto__ === Func.prototype) return true;
          if(!__proto__) return false;
    }while(__proto__ = __proto__.__proto__)
    return false;
}

instanceOf運(yùn)算符其實(shí)表達(dá)就是一個(gè)對(duì)象的原型鏈結(jié)構(gòu)。結(jié)合問(wèn)答2的原型圖可以看一些有趣的例子:

function Person(name){
    this.name = name;
}
Person.prototype.sayName = function(){
    console.log('My name is :' + this.name);
}
var p = new Person("若愚")
p.sayName();

console.log(p instanceof Person) //true;
console.log(p instanceof Object) //true;
console.log(Person instanceof Function) //true;
console.log(p instanceof Function) //false;
console.log(Function instanceof Function)//true;
console.log(Function instanceof Object) //true;
console.log(Object instanceof Function) //true;
instanceof

本文版權(quán)歸本人和饑人谷所有痛单,轉(zhuǎn)載請(qǐng)注明來(lái)源嘿棘。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市旭绒,隨后出現(xiàn)的幾起案子鸟妙,更是在濱河造成了極大的恐慌,老刑警劉巖挥吵,帶你破解...
    沈念sama閱讀 206,968評(píng)論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件重父,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡忽匈,警方通過(guò)查閱死者的電腦和手機(jī)房午,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,601評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)丹允,“玉大人郭厌,你說(shuō)我怎么就攤上這事〉癖危” “怎么了折柠?”我有些...
    開(kāi)封第一講書(shū)人閱讀 153,220評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)批狐。 經(jīng)常有香客問(wèn)我扇售,道長(zhǎng),這世上最難降的妖魔是什么贾陷? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,416評(píng)論 1 279
  • 正文 為了忘掉前任缘眶,我火速辦了婚禮嘱根,結(jié)果婚禮上髓废,老公的妹妹穿的比我還像新娘。我一直安慰自己该抒,他們只是感情好慌洪,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,425評(píng)論 5 374
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著凑保,像睡著了一般冈爹。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上欧引,一...
    開(kāi)封第一講書(shū)人閱讀 49,144評(píng)論 1 285
  • 那天频伤,我揣著相機(jī)與錄音,去河邊找鬼芝此。 笑死憋肖,一個(gè)胖子當(dāng)著我的面吹牛因痛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播岸更,決...
    沈念sama閱讀 38,432評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼鸵膏,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了怎炊?” 一聲冷哼從身側(cè)響起谭企,我...
    開(kāi)封第一講書(shū)人閱讀 37,088評(píng)論 0 261
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎评肆,沒(méi)想到半個(gè)月后债查,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,586評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡瓜挽,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,028評(píng)論 2 325
  • 正文 我和宋清朗相戀三年攀操,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片秸抚。...
    茶點(diǎn)故事閱讀 38,137評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡速和,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出剥汤,到底是詐尸還是另有隱情颠放,我是刑警寧澤,帶...
    沈念sama閱讀 33,783評(píng)論 4 324
  • 正文 年R本政府宣布吭敢,位于F島的核電站碰凶,受9級(jí)特大地震影響瘟则,放射性物質(zhì)發(fā)生泄漏适揉。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,343評(píng)論 3 307
  • 文/蒙蒙 一韭畸、第九天 我趴在偏房一處隱蔽的房頂上張望畜晰。 院中可真熱鬧砾莱,春花似錦、人聲如沸凄鼻。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,333評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)块蚌。三九已至闰非,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間峭范,已是汗流浹背财松。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,559評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留纱控,地道東北人辆毡。 一個(gè)月前我還...
    沈念sama閱讀 45,595評(píng)論 2 355
  • 正文 我出身青樓政敢,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親胚迫。 傳聞我的和親對(duì)象是個(gè)殘疾皇子喷户,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,901評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容