對(duì)象-原型

1.OOP指什么?有什么特性

OOP(Object-oriented programming舵鳞,面向?qū)ο缶幊?探入,是種具有對(duì)象的程序編程典范狡孔,也是一種程序開(kāi)發(fā)的抽象方針⌒轮ⅲ可能包含數(shù)據(jù)步氏、屬性、方法徒爹,對(duì)象則是指類(lèi)的實(shí)例,將對(duì)象作為程序的基本單元芋类,將程序和數(shù)據(jù)封裝其中隆嗅,以提高軟件的重用性、靈活性和擴(kuò)展性侯繁。
特性:封裝胖喳、繼承、多態(tài)
封裝:把客觀(guān)事物封裝成抽象的類(lèi)贮竟,并且類(lèi)可以把自己的數(shù)據(jù)和方法只讓可信的類(lèi)和方法操作丽焊,對(duì)不可信的進(jìn)行信息隱藏。
繼承:可以使用現(xiàn)有類(lèi)的所有功能咕别,并在無(wú)需重新編寫(xiě)原來(lái)類(lèi)的情況下對(duì)這些功能進(jìn)行擴(kuò)展技健。
多態(tài):允許將子類(lèi)類(lèi)型的指針賦值給父類(lèi)類(lèi)型的指針。JS是弱類(lèi)型語(yǔ)言惰拱,沒(méi)有多態(tài)的概念雌贱。

2.如何通過(guò)構(gòu)造函數(shù)的方法創(chuàng)建一個(gè)擁有屬性和方法的對(duì)象?
  function People(name,age){
    this.name = name;
    this.age = age;
  }
  People.prototype.say = function(){
    console.log(this.name + ':' + this.age);
  }
  var p = new People('mike', 20);
3.prototype是什么偿短?有什么特性

每個(gè)函數(shù)都有prototype屬性欣孤,這個(gè)屬性是一個(gè)指針,指向一個(gè)對(duì)象昔逗,而這個(gè)對(duì)象的用途是包含所有實(shí)例共享的屬性和方法降传。
prototype就是通過(guò)調(diào)用構(gòu)造函數(shù)而創(chuàng)建的對(duì)象實(shí)例的原型對(duì)象,通常我們可以將實(shí)例對(duì)象的公共屬性和方法放在prototype對(duì)象中勾怒。
特性:
(1)每個(gè)函數(shù)都有prototype屬性
(2)所有對(duì)象都有__proto__
(3)構(gòu)造函數(shù).prototype = 對(duì)象.__proto__

4.畫(huà)出如下代碼的原型鏈
  function People(name){
    this.name = name;
    this.sayName = function(){
      console.log('my name is' + this.name);
    }
  }
  People.prototype.walk = function(){
    console.log(this.name +'is walking');
  }

  var p1 = new People('饑人谷')婆排;
  var p2 = new People('前端')款票;
5.創(chuàng)建一個(gè)Car對(duì)象,擁有屬性name泽论、color艾少、status;擁有方法run翼悴、stop缚够、getStatus
  function Car(name,color,status){
    this.name = name;
    this.color = color;
    this.status = status;
  }
  Car.prototype.run = function(){
    console.log('run');
  }
  Car.prototype.stop = function(){
    console.log('stop');
  }
  Car.prototype.getStatus = function(){
    console.log('status:' + this.status);
  }
  var car = new Car('Bens','blue',0);
  car.getStatus();  //0
6.創(chuàng)建一個(gè)GoTop對(duì)象,當(dāng)new一個(gè)GoTop對(duì)象則會(huì)在頁(yè)面上創(chuàng)建一個(gè)回到頂部的元素鹦赎,點(diǎn)擊頁(yè)面滾動(dòng)到頂部谍椅。擁有以下屬性和方法
1.'ct'屬性,GoTop對(duì)應(yīng)的DOM元素的容器
2.'tatget'屬性古话,GoTop對(duì)應(yīng)的元素
3.'bindEvent'方法雏吭,用于綁定事件
4.'creatNode'方法,用于在容器內(nèi)創(chuàng)建節(jié)點(diǎn)
  function GoTop(ct){
     this.ct = ct;
     this.target = $('<a class="target">GoTop</a>');
     this.bindEvent();
     this.createNode();
  }
  GoTop.prototype = {
      bindEvent: function(){
          this.target.click(function(){
              $(window).scrollTop(0)
          })
      },
      createNode: function(){
          this.ct.append(this.target);
      }
  };
  new GoTop($('.ct'));
7.使用一個(gè)木桶布局實(shí)現(xiàn)一個(gè)圖片墻

Demo

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末陪踩,一起剝皮案震驚了整個(gè)濱河市杖们,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌肩狂,老刑警劉巖摘完,帶你破解...
    沈念sama閱讀 212,816評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異傻谁,居然都是意外死亡孝治,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,729評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén)审磁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)谈飒,“玉大人,你說(shuō)我怎么就攤上這事态蒂『即耄” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 158,300評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵吃媒,是天一觀(guān)的道長(zhǎng)瓤介。 經(jīng)常有香客問(wèn)我,道長(zhǎng)赘那,這世上最難降的妖魔是什么刑桑? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,780評(píng)論 1 285
  • 正文 為了忘掉前任,我火速辦了婚禮募舟,結(jié)果婚禮上祠斧,老公的妹妹穿的比我還像新娘。我一直安慰自己拱礁,他們只是感情好琢锋,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,890評(píng)論 6 385
  • 文/花漫 我一把揭開(kāi)白布辕漂。 她就那樣靜靜地躺著,像睡著了一般吴超。 火紅的嫁衣襯著肌膚如雪钉嘹。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 50,084評(píng)論 1 291
  • 那天鲸阻,我揣著相機(jī)與錄音跋涣,去河邊找鬼。 笑死鸟悴,一個(gè)胖子當(dāng)著我的面吹牛陈辱,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播细诸,決...
    沈念sama閱讀 39,151評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼沛贪,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了震贵?” 一聲冷哼從身側(cè)響起利赋,我...
    開(kāi)封第一講書(shū)人閱讀 37,912評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎屏歹,沒(méi)想到半個(gè)月后隐砸,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,355評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡蝙眶,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,666評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了褪那。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片幽纷。...
    茶點(diǎn)故事閱讀 38,809評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖博敬,靈堂內(nèi)的尸體忽然破棺而出友浸,到底是詐尸還是另有隱情,我是刑警寧澤偏窝,帶...
    沈念sama閱讀 34,504評(píng)論 4 334
  • 正文 年R本政府宣布收恢,位于F島的核電站,受9級(jí)特大地震影響祭往,放射性物質(zhì)發(fā)生泄漏伦意。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,150評(píng)論 3 317
  • 文/蒙蒙 一硼补、第九天 我趴在偏房一處隱蔽的房頂上張望驮肉。 院中可真熱鬧,春花似錦已骇、人聲如沸离钝。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,882評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)卵渴。三九已至慧域,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間浪读,已是汗流浹背昔榴。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,121評(píng)論 1 267
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留瑟啃,地道東北人论泛。 一個(gè)月前我還...
    沈念sama閱讀 46,628評(píng)論 2 362
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像蛹屿,于是被迫代替她去往敵國(guó)和親屁奏。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,724評(píng)論 2 351

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