1. OOP 指什么掀虎?有哪些特性?
OOP:
Object-oriented programming的縮寫,即面向?qū)ο蟪绦蛟O(shè)計(jì)素征,其中兩個(gè)最重要的概念就是類和對(duì)象悄窃。類只是具備了某些功能和屬性的抽象模型,而實(shí)際應(yīng)用中需要一個(gè)一個(gè)實(shí)體女仰,也就是需要對(duì)類進(jìn)行實(shí)例化猜年,類在實(shí)例化之后就是對(duì)象。特性:
(1)繼承性:子類自動(dòng)繼承其父級(jí)類中的屬性和方法疾忍,并可以添加新的屬性和方法或者對(duì)部分屬性和方法進(jìn)行重寫乔外。繼承增加了代碼的可重用性。
(2)多態(tài)性:子類繼承了來(lái)自父級(jí)類中的屬性和方法一罩,并對(duì)其中部分方法進(jìn)行重寫杨幼。
(3)封裝性:將一個(gè)類的使用和實(shí)現(xiàn)分開,只保留部分接口和方法與外部聯(lián)系聂渊。
2. 如何通過(guò)構(gòu)造函數(shù)的方式創(chuàng)建一個(gè)擁有屬性和方法的對(duì)象?
function People(name,age){ this.name=name; this.age=age; } People.prototype.sayName=function(){ console.log(this.name); } var p1=new People("hunger","18"); p1.sayName(); //hunger
3. prototype 是什么差购?有什么特性?
prototype:每一個(gè)構(gòu)造函數(shù)都有一個(gè)prototype屬性,指向另一個(gè)對(duì)象汉嗽。這個(gè)對(duì)象的所有屬性和方法歹撒,都會(huì)被構(gòu)造函數(shù)的實(shí)例繼承。
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('前端');
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(){ return "run"}, stop: function(){ return "stop"}, getStatus: function(){ return this.status} } var car= new Car("BMW","white","run"); car.getStatus(); //"run"
6. 創(chuàng)建一個(gè) GoTop 對(duì)象裕菠,當(dāng) new 一個(gè) GotTop 對(duì)象則會(huì)在頁(yè)面上創(chuàng)建一個(gè)回到頂部的元素,點(diǎn)擊頁(yè)面滾動(dòng)到頂部闭专。擁有以下屬性和方法:
ct
屬性奴潘,GoTop 對(duì)應(yīng)的 DOM 元素的容器
-
target
屬性, GoTop 對(duì)應(yīng)的 DOM 元素 -
bindEvent
方法影钉, 用于綁定事件 -
createNode
方法画髓, 用于在容器內(nèi)創(chuàng)建節(jié)點(diǎn)