問題1： OOP 指什么？有哪些特性

• OOP簡(jiǎn)稱(Object Oriented Programming)，面向?qū)ο缶幊獭?/li>
• 特性：
  1.繼承：子類自動(dòng)繼承祖先類的屬性和方法，并且可以添加新屬性或者對(duì)方法進(jìn)行重寫。減少重復(fù)的代碼，提高開發(fā)效率。
  2.封裝：將一個(gè)類和構(gòu)造的實(shí)體分開，只留下一個(gè)借口提供操作。
  3.多態(tài)性：不同的類可以定義相同的屬性或方法

問題2： 如何通過構(gòu)造函數(shù)的方式創(chuàng)建一個(gè)擁有屬性和方法的對(duì)象?

• 通過new關(guān)鍵字來新建一個(gè)構(gòu)造對(duì)象

function Fn(name,age){
     this.name = name
     this.age = age
}
var fn1 = new Fn('fangfang',18)

問題3： prototype 是什么？有什么特性

• 我們通常叫做原型。所有函數(shù)都有prototype這個(gè)屬性，這個(gè)屬性指向了一個(gè)對(duì)象，這個(gè)對(duì)象就是原型對(duì)象，也叫作原型。

特性：

• 每個(gè)函數(shù)都有一個(gè)prototype屬性，指向一個(gè)對(duì)象，叫做原型對(duì)象。

• 所有對(duì)象都有proto。

• 對(duì)象proto===構(gòu)造函數(shù).prototype。

• 訪問一個(gè)對(duì)象的屬性時(shí)，如果對(duì)象有這個(gè)屬性，就獲取到了，如果沒有這個(gè)屬性，則從proto里面找。如果還是沒有找到，則從原型對(duì)象的proto中找。

問題4：畫出如下代碼的原型圖

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('前端');

Paste_Image.png

(好丑)

問題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('lululu')
}
Car.prototype.stop = function(){
        console.log('stop')
}
Car.prototype.getStatus = function(){
        console.log(this.status)
}
var Benz = new car('Benz','yellow',0)
Benz.run()
Benz.stop()
Benz.getStatus()

問題6. 創(chuàng)建一個(gè) GoTop 對(duì)象，當(dāng) new 一個(gè) GotTop 對(duì)象則會(huì)在頁(yè)面上創(chuàng)建一個(gè)回到頂部的元素，點(diǎn)擊頁(yè)面滾動(dòng)到頂部。擁有以下屬性和方法

1. `ct`屬性，GoTop 對(duì)應(yīng)的 DOM 元素的容器
2.  `target`屬性， GoTop 對(duì)應(yīng)的 DOM 元素
3.  `bindEvent` 方法， 用于綁定事件
4 `createNode` 方法， 用于在容器內(nèi)創(chuàng)建節(jié)點(diǎn)

http://js.jirengu.com/zubekexeho/2/edit