問(wèn)題1： OOP 指什么抡四？有哪些特性
- OOP簡(jiǎn)稱(Object Oriented Programming)嚣镜，面向?qū)ο缶幊獭?/li>
- 特性：
1.繼承：子類(lèi)自動(dòng)繼承祖先類(lèi)的屬性和方法藕甩，并且可以添加新屬性或者對(duì)方法進(jìn)行重寫(xiě)海雪。減少重復(fù)的代碼土匀，提高開(kāi)發(fā)效率子房。
2.封裝：將一個(gè)類(lèi)和構(gòu)造的實(shí)體分開(kāi)，只留下一個(gè)借口提供操作就轧。
3.多態(tài)性：不同的類(lèi)可以定義相同的屬性或方法
問(wèn)題2： 如何通過(guò)構(gòu)造函數(shù)的方式創(chuàng)建一個(gè)擁有屬性和方法的對(duì)象?
- 通過(guò)new關(guān)鍵字來(lái)新建一個(gè)構(gòu)造對(duì)象
function Fn(name,age){
this.name = name
this.age = age
}
var fn1 = new Fn('fangfang',18)
問(wèn)題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。
訪問(wèn)一個(gè)對(duì)象的屬性時(shí)肥橙，如果對(duì)象有這個(gè)屬性魄宏，就獲取到了，如果沒(méi)有這個(gè)屬性存筏，則從proto里面找宠互。如果還是沒(méi)有找到，則從原型對(duì)象的proto中找椭坚。
問(wèn)題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('前端');
Paste_Image.png
(好丑)
問(wèn)題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()
問(wèn)題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)
