prototype和constructor

關(guān)鍵詞:

  • prototype
  • constructor

prototype和constructors是js中的兩個隱藏屬性壳嚎,在js中一切皆對象,所以理解這兩個屬性對理解js至關(guān)重要

constructor
拷貝所有構(gòu)造函數(shù)中的屬性躏嚎,用于檢測某個實例的構(gòu)造函數(shù)是哪一個,把實例和構(gòu)造函數(shù)連接在一起

   // 新建一個對象
    var Product = function (name,price) {
        this.name = name;
        this.price = price;
    };
    Product.prototype.showName = function () {
        console.log(this.name);
    };
    var iPhone = new Product("蘋果7","7000");

    console.dir(iPhone.constructor);  //function Product(name, price)
    console.dir(Product.constructor); // function Function()

我們看到完箩,實例化的iPhone通過constructor連接到了他的構(gòu)造函數(shù) Product 鹿霸,而 Product 連接到Function是什么意思呢,我們剛才說過js中一切皆對象泪电, Product其實是一個對象的實例化般妙,這個對象就是頂層函數(shù)對象Function


prototype
其實就是一個指針,保存的是地址歪架,將實例和原型對象連接在一起股冗。了解這個之前,我們先說一說屬性搜索機(jī)制

屬性搜索機(jī)制
先在自身屬性列表中尋找和蚪,如果找不到止状,就從原型prototype 中尋找,尋找的方法是找到自身的隱藏屬性prototype攒霹,這個屬性保存了自身的原型對象地址怯疤,通過這個地址,就可以尋找到需要的原型對象了

注意:原型不管實例化多少次催束,都只生成一次集峦,分配一次內(nèi)存,因此使用原型方法能夠提高運行速度,減小內(nèi)存空間

    console.dir(iPhone.prototype);   // undefined
    console.dir(Product.prototype);  // Object

在上面的代碼中塔淤,我們看到iPhone的原型返回了undefined摘昌,這是為什么呢,因為原型只存在原型對象中高蜂,實例化之后就不存在了聪黎,變成了這樣的形式 __proto __

   console.dir(iPhone.__proto__);  // Object
   console.dir(Product.__proto__); // function anonymous()

但是有出現(xiàn)了問題,我們發(fā)現(xiàn)Product的__proto __指向一個亂七八糟的東西备恤,這是什么鬼案迨巍!B恫础喉镰!
其實,要調(diào)用構(gòu)造函數(shù)中的__proto __惭笑,必須加上原型

* console.dir(Product.prototype.__proto__); // Object

這樣就可以了


為了驗證我們上面所說侣姆,再寫幾行代碼測試一下

     console.dir(iPhone.__proto__ === Product.prototype) //true
     console.dir(Product.prototype.__proto__ === Object.prototype) //true
     console.dir(Object.prototype.__proto__) //null

     console.dir(Product.prototype.constructor === Product)   //true
     console.dir(Function.prototype.constructor === Function) //true
     console.dir(Object.prototype.constructor === Object)     //true

其實說白了,proto是什么脖咐,就是神乎其神的原型鏈

本來想畫個圖解釋下铺敌,想想麻煩,復(fù)制個連接吧屁擅!這位大牛解釋的相當(dāng)完美3テ尽!派歌!


http://www.108js.com/article/article1/10201.html?id=1092


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末弯囊,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子胶果,更是在濱河造成了極大的恐慌匾嘱,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,122評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件早抠,死亡現(xiàn)場離奇詭異霎烙,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)蕊连,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,070評論 3 395
  • 文/潘曉璐 我一進(jìn)店門悬垃,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人甘苍,你說我怎么就攤上這事尝蠕。” “怎么了载庭?”我有些...
    開封第一講書人閱讀 164,491評論 0 354
  • 文/不壞的土叔 我叫張陵看彼,是天一觀的道長廊佩。 經(jīng)常有香客問我,道長靖榕,這世上最難降的妖魔是什么标锄? 我笑而不...
    開封第一講書人閱讀 58,636評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮序矩,結(jié)果婚禮上鸯绿,老公的妹妹穿的比我還像新娘跋破。我一直安慰自己簸淀,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,676評論 6 392
  • 文/花漫 我一把揭開白布毒返。 她就那樣靜靜地躺著租幕,像睡著了一般。 火紅的嫁衣襯著肌膚如雪拧簸。 梳的紋絲不亂的頭發(fā)上劲绪,一...
    開封第一講書人閱讀 51,541評論 1 305
  • 那天,我揣著相機(jī)與錄音盆赤,去河邊找鬼贾富。 笑死,一個胖子當(dāng)著我的面吹牛牺六,可吹牛的內(nèi)容都是我干的颤枪。 我是一名探鬼主播,決...
    沈念sama閱讀 40,292評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼淑际,長吁一口氣:“原來是場噩夢啊……” “哼畏纲!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起春缕,我...
    開封第一講書人閱讀 39,211評論 0 276
  • 序言:老撾萬榮一對情侶失蹤盗胀,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后锄贼,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體票灰,經(jīng)...
    沈念sama閱讀 45,655評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,846評論 3 336
  • 正文 我和宋清朗相戀三年宅荤,在試婚紗的時候發(fā)現(xiàn)自己被綠了屑迂。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,965評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡膘侮,死狀恐怖屈糊,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情琼了,我是刑警寧澤逻锐,帶...
    沈念sama閱讀 35,684評論 5 347
  • 正文 年R本政府宣布夫晌,位于F島的核電站,受9級特大地震影響昧诱,放射性物質(zhì)發(fā)生泄漏晓淀。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,295評論 3 329
  • 文/蒙蒙 一盏档、第九天 我趴在偏房一處隱蔽的房頂上張望凶掰。 院中可真熱鬧,春花似錦蜈亩、人聲如沸懦窘。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,894評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽畅涂。三九已至,卻和暖如春道川,著一層夾襖步出監(jiān)牢的瞬間午衰,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,012評論 1 269
  • 我被黑心中介騙來泰國打工冒萄, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留臊岸,地道東北人。 一個月前我還...
    沈念sama閱讀 48,126評論 3 370
  • 正文 我出身青樓尊流,卻偏偏與公主長得像帅戒,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子奠旺,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,914評論 2 355

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