理解Js prototype原型對(duì)象

在介紹prototype原型對(duì)象之前,先了解一下靜態(tài)成員和實(shí)例成員是什么:

  • 靜態(tài)成員和實(shí)例成員

    • 使用構(gòu)造函數(shù)方法創(chuàng)建對(duì)象時(shí)互亮,可以給構(gòu)造函數(shù)和創(chuàng)建的實(shí)例對(duì)象添加屬性和方法惕艳,這些屬性和方法都叫做成員乐设。
  function Student(name,id){
      this.name = name;
      this.id = id;
      this.message = function(){
              console.log(this.name + "," + this.id);
      };
}
  //生成對(duì)象實(shí)例
  var student5 = new Student("ls",789);
  //調(diào)用方法
  student5.message();
  • 實(shí)例成員:在構(gòu)造函數(shù)內(nèi)部添加給 this 的成員晚树,屬于實(shí)例對(duì)象的成員,在創(chuàng)建實(shí)例對(duì)象后必須由實(shí)例對(duì)象調(diào)用崇堵,構(gòu)造函數(shù)是不能調(diào)用的型诚。
    console.log(student5.id);
    console.log(Student.id);
  • 靜態(tài)成員:是直接添加給構(gòu)造函數(shù)自身的成員,只能使用構(gòu)造函數(shù)調(diào)用鸳劳,不能使用生成的實(shí)例對(duì)象調(diào)用狰贯。
  Student.version = "1.0";
  console.log(student5.version);
  console.log(Student.version);

prototype 原型對(duì)象

    function Student(name,id){
            this.name = name;
            this.id = id;
      }
      //獲取對(duì)象的prototype
        Student.prototype.type = "student";
        Student.prototype.message = function(){
                 console.log(this.name + "," + this.id);
         };
  • prototype屬性值是一個(gè)對(duì)象,通常叫做原型對(duì)象

  • 對(duì)象內(nèi)部可以添加一些屬性和方法

  • 構(gòu)造函數(shù)的原型對(duì)象上都默認(rèn)有一個(gè)constructor屬性棍辕,指向prototype對(duì)象所在函數(shù)

  • 所有的對(duì)象都有一個(gè)__proto__ 的屬性暮现,是一個(gè)指針还绘,指向的是生成實(shí)例對(duì)象的構(gòu)造函數(shù)的原型對(duì)象楚昭。_proto_屬性并不是一個(gè)標(biāo)準(zhǔn)屬性,是瀏覽器自己根據(jù)語法自己生成的(實(shí)際開發(fā)中拍顷,不會(huì)寫__proto__的抚太,實(shí)例直接訪問對(duì)象成員)

image.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子尿贫,更是在濱河造成了極大的恐慌电媳,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,039評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件庆亡,死亡現(xiàn)場(chǎng)離奇詭異匾乓,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)又谋,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,426評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門拼缝,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人彰亥,你說我怎么就攤上這事咧七。” “怎么了任斋?”我有些...
    開封第一講書人閱讀 165,417評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵继阻,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我废酷,道長(zhǎng)瘟檩,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,868評(píng)論 1 295
  • 正文 為了忘掉前任澈蟆,我火速辦了婚禮芒帕,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘丰介。我一直安慰自己背蟆,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,892評(píng)論 6 392
  • 文/花漫 我一把揭開白布哮幢。 她就那樣靜靜地躺著带膀,像睡著了一般。 火紅的嫁衣襯著肌膚如雪橙垢。 梳的紋絲不亂的頭發(fā)上垛叨,一...
    開封第一講書人閱讀 51,692評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音柜某,去河邊找鬼嗽元。 笑死,一個(gè)胖子當(dāng)著我的面吹牛喂击,可吹牛的內(nèi)容都是我干的剂癌。 我是一名探鬼主播,決...
    沈念sama閱讀 40,416評(píng)論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼翰绊,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼佩谷!你這毒婦竟也來了旁壮?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,326評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤谐檀,失蹤者是張志新(化名)和其女友劉穎抡谐,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體桐猬,經(jīng)...
    沈念sama閱讀 45,782評(píng)論 1 316
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡麦撵,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,957評(píng)論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了溃肪。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片厦坛。...
    茶點(diǎn)故事閱讀 40,102評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖乍惊,靈堂內(nèi)的尸體忽然破棺而出杜秸,到底是詐尸還是另有隱情,我是刑警寧澤润绎,帶...
    沈念sama閱讀 35,790評(píng)論 5 346
  • 正文 年R本政府宣布撬碟,位于F島的核電站,受9級(jí)特大地震影響莉撇,放射性物質(zhì)發(fā)生泄漏呢蛤。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,442評(píng)論 3 331
  • 文/蒙蒙 一棍郎、第九天 我趴在偏房一處隱蔽的房頂上張望其障。 院中可真熱鬧,春花似錦涂佃、人聲如沸励翼。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,996評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽汽抚。三九已至,卻和暖如春伯病,著一層夾襖步出監(jiān)牢的瞬間造烁,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,113評(píng)論 1 272
  • 我被黑心中介騙來泰國(guó)打工午笛, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留惭蟋,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,332評(píng)論 3 373
  • 正文 我出身青樓药磺,卻偏偏與公主長(zhǎng)得像告组,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子与涡,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,044評(píng)論 2 355

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