問題1: OOP 指什么?有哪些特性
OOP(Object-Oriented Programming),是面向對象程序設計,其中兩個最重要的概念就是類和對象。類只是具備了某些功能和屬性的抽象模型,而實際應用中需要一個一個實體,也就是需要對類進行實例化,類在實例化之后就是對象。
特性 :
- 繼承性:子類自動繼承其父級類中的屬性和方法,并可以添加新的屬性和方法或者對部分屬性和方法進行重寫。繼承增加了代碼的可重用性。
- 多態性:子類繼承了來自父級類中的屬性和方法,并對其中部分方法進行重寫。
- 封裝性:將一個類的使用和實現分開,只保留部分接口和方法與外部聯系。
Javascript是一種基于對象(object-based)的語言,你遇到的所有東西幾乎都是對象。但是,它又不是一種真正的面向對象編程(OOP)語言,因為它的語法中沒有class(類)。
問題2: 如何通過構造函數的方式創建一個擁有屬性和方法的對象?
function Person(nick, age,sex){
this.nick = nick;
this.age = age;
this.sayName = function(){
console.log(this.nick);
}
}
var p1 = new Person('Byron', 25);
要創建Person
的對象,必須使用new
操作符。以這種方式調用構造函數會經歷以下4個步驟:
1、創建一個新對象
2、將構造函數的作用域賦給新對象(因此this就指向了這個對象)
3、指向構造函數中的代碼(為這個新對象添加屬性)
4、返回新對象
問題3: prototype 是什么?有什么特性
我們創建的每個函數都有一個prototype
屬性,這個屬性是一個指針,指向一個對象,而這個對象的用途是包含可以由特定類型的所有實例共享的屬性和方法。如果按照字面意思來理解,那么prototype
就是通過調用構造函數而創建的那個對象實例的原型對象。使用原型對象的好處是可以讓所有對象實例共享它所包含的屬性和方法。通常我們可以將實例對象的公共屬性和方法放在prototype
對象中。
特性:
1、每個函數都有一個prototype
屬性,指向一個對象,叫做原型對象
2、所有對象都有__proto__
3、對象.__proto__
=== 構造函數.prototype
4、訪問一個對象的屬性時,如果對象有這個屬性,就獲取到了,如果沒有這個屬性,則從__proto__
里面去找,如果還是沒有找到,則從原型對象的__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('前端');
問題5: 創建一個 Car 對象,擁有屬性name、color、status;擁有方法run,stop,getStatus
function Car(name,color,status){
this.name=name;
this.color=color;
this.status=status;
}
Car.prototype.run=function () {
this.status="run";
}
Car.prototype.stop=function () {
this.status="stop";
}
Car.prototype.getStatus=function () {
return this.status;
}
var myCar=new Car("ford","red","");
問題6: 創建一個 GoTop 對象,當 new 一個 GotTop 對象則會在頁面上創建一個回到頂部的元素,點擊頁面滾動到頂部。擁有以下屬性和方法
1. `ct`屬性,GoTop 對應的 DOM 元素的容器
2. `target`屬性, GoTop 對應的 DOM 元素
3. `bindEvent` 方法, 用于綁定事件
4 `createNode` 方法, 用于在容器內創建節點