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