1. OOP 指什么?有哪些特性
- Object-oriented programming的縮寫,即面向?qū)ο蟪绦蛟O(shè)計,其中兩個最重要的概念就是類和對象。類只是具備了某些功能和屬性的抽象模型,而實際應(yīng)用中需要一個一個實體,也就是需要對類進行實例化,類在實例化之后就是對象。
原則:開放封閉原則
對于擴展是開放的,可以對模塊進行擴展
對于修改是關(guān)閉的,擴展時不必改動模塊的源代碼或者二進制代碼 - 特性
- 繼承性:子類自動繼承其父級類中的屬性和方法,并可以添加新的屬性和方法或者對部分屬性和方法進行重寫。繼承增加了代碼的可重用性。
- 多態(tài)性:子類繼承了來自父級類中的屬性和方法,并對其中部分方法進行重寫。不同對象的同一個方法,可以有不同的表現(xiàn)。
- 封裝性:將一個類的使用和實現(xiàn)分開,只保留部分接口和方法與外部聯(lián)系。
2.如何通過構(gòu)造函數(shù)的方式創(chuàng)建一個擁有屬性和方法的對象?
var Person = function(name,sex){
this.name = name;
this.sex = sex;
};
Person.prototype.sayName = function(){
console.log("my name is "+this.name+" and sex is "+this.sex )
};
var person = new Person("Clark","male");
person.sayName()//my name is clark and sex is male
3. prototype 是什么?有什么特性
prototype是當(dāng)創(chuàng)造一個函數(shù)時,按照一定規(guī)則創(chuàng)造出來的原型對象,這個原型對象會自動獲取一個constructor屬性,它是指向prototype屬性所在的函數(shù)的指針。原型對象里的被指定給this的屬性會被所有通過此構(gòu)造函數(shù)創(chuàng)造出的實例共享,這樣就解決了使用構(gòu)造函數(shù)方式創(chuàng)造對象時造成的重復(fù)問題。
在JavaScript中,所有的對象都是基于 Object;所有的對象都繼承了Object.prototype的屬性和方法,它們可以被覆蓋(除了以null為原型的對象,如 Object.create(null))。
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('前端');

原型鏈.png
5.創(chuàng)建一個 Car 對象,擁有屬性name、color、status;擁有方法run,stop,getStatus
var Car = function(name,color,status){
this.name = name;
this.color = color;
this.status = status;
};
Car.prototype = {
run:function(){
console.log("run")
},
stop:function(){
console.log("stop")
},
getStatus:function(){
console.log(this.status)
}
};
var car1 = new Car("BMW","white","good");
6.創(chuàng)建一個 GoTop 對象,當(dāng) new 一個 GotTop 對象則會在頁面上創(chuàng)建一個回到頂部的元素,點擊頁面滾動到頂部。擁有以下屬性和方法
1. `ct`屬性,GoTop 對應(yīng)的 DOM 元素的容器
2. `target`屬性, GoTop 對應(yīng)的 DOM 元素
3. `bindEvent` 方法, 用于綁定事件
4 `createNode` 方法, 用于在容器內(nèi)創(chuàng)建節(jié)點