前端基礎(chǔ)(問(wèn)答27)


keywords: 原型鏈雕欺。


  • 有如下代碼岛马,解釋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();

1蹦浦、Person是p的構(gòu)造函數(shù)扭吁,p是Person的實(shí)例;
2盲镶、prototype是Person的原型對(duì)象侥袜,p的__proto__指向該原型對(duì)象;
3溉贿、constructor是prototype的屬性枫吧,指向p的構(gòu)造函數(shù)Person;

  • 上例中宇色,對(duì)對(duì)象 p可以這樣調(diào)用 p.toString()喇澡。toString是哪里來(lái)的? 畫(huà)出原型圖?并解釋什么是原型鏈屯蹦。

p的__proto__指向Person.prototype屎媳,該prototype的__proto指向Object.prototype弥搞。toString正式Object.prototype中的方法。

Person-p原型圖

每一個(gè)對(duì)象都有自己的原型(即__proto__)抢蚀,而原型(prototype)本身也是對(duì)象镀层,因而形成了一條原型鏈;比如a是b的原型皿曲,b是c的原型唱逢,以此類推。這就是原型鏈屋休。

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

String.prototype.getMostOften = function () {
    var getArr = this.split('').sort().join('').match(/(.)\1*/g).sort(function(a,b) {
        return a.length - b.length
    })
    return getArr.pop()[0]
}

var str = 'ahbbccdeddddfg';
var ch = str.getMostOften();
console.log(ch); //d , 因?yàn)閐 出現(xiàn)了5次
  • instanceOf有什么作用??jī)?nèi)部邏輯是如何實(shí)現(xiàn)的劫樟?

instanceof運(yùn)算符返回一個(gè)布爾值痪枫,表示指定對(duì)象是否為某個(gè)構(gòu)造函數(shù)的實(shí)例。常用于判斷值的類型:

var x = [1, 2, 3];
var y = {};
x instanceof Array // true
y instanceof Object // true


實(shí)質(zhì)是檢查右邊構(gòu)造函數(shù)的原型對(duì)象(Function.prototype)是否在左邊對(duì)象的原型鏈(__proto__)上毅哗。內(nèi)部邏輯可以用下面的函數(shù)表達(dá):

 function isObjInstanceOffunc(obj,func) {
  var __proto__=obj.__proto__;
  do{
    if(__proto__===func.prototype) return true;
  }while(__proto__=__proto__.proto__)
  return false;
}

參考資料:
instance

最后編輯于
?著作權(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)容