亚洲视频二区_亚洲欧洲日本天天堂在线观看_日韩一区二区在线观看_中文字幕不卡一区

公告:魔扣目錄網為廣大站長提供免費收錄網站服務,提交前請做好本站友鏈:【 網站目錄:http://www.430618.com 】, 免友鏈快審服務(50元/站),

點擊這里在線咨詢客服
新站提交
  • 網站:51998
  • 待審:31
  • 小程序:12
  • 文章:1030137
  • 會員:747


1:基本概念

面向對象編程是用抽象方式創建基于現實世界模型的一種編程模式。

這句話的意思是:每個對象能夠接受信息,處理數據和發送消息給其他對象;這就意味著在這個編程模式下,每一個對象都是一個獨立的個體,它可以接收,可以處理,然后再把消息發送出去。每個對象都可以被看作是一個擁有清晰角色或責任的獨立個體。

使用面向對象編程是為了促進更好的靈活性和可維護性。

面向對象的重要知識點:

Namespace命名空間

Class 類(定義對象的屬性和方法)

Object 對象(類的一個實例)

Property 屬性(對象的特征)

Method 方法(對象的能力)

Constructor 構造函數(對象初始化的瞬間被調用的方法)

Inheritance 繼承(繼承另一個類的特征)

Encapsulation 封裝(把數據和相關的方法綁定在一起使用)

Polymorphism多態(不同類可以定義相同的方法或屬性)。

面向對象與面向過程比較,面向過程更注重過程。

2:Namespace 命名空間

命名空間只是另一個包含方法、屬性和對象的對象。在js中要有獨立的命名空間,首先需要創建全局變量,不同的全局變量用于區分不同的命名空間。因為js最頂層只有一個全局的命名空間,然后在全局變量上面增加一些變量、方法和功能,這些就是這個對象的屬性。

  • 命名空間是一個包含方法,屬性和對象的對象
var myNameScape = myNameScape || {};
?
// 子命名空間 
myNameScape.event = {};
?
// 定義方法和屬性 
myNameScape.commonMethods = {
 name: '',
 validateName: function(name){
 // name格式驗證 
 },
};
?
// 定義方法 
myNameScape.event = {
 addListener: function(el, type, fn) {
 // ... 
 },
 removeListener: function(el, type, fn) {
 // ...
 },
}
  • 內置對象,常見的內置對象:Math、Array、Object

3:Class 類(構造函數)

因為JAVAScript是一種基于原型的語言,所以沒有類聲明語句。因此這個類就是構造函數。

它是用方法作類,比如:

function Person(){
 
}
?
var Person = function(){
?
}

或者當我們要把Person實例化時,我們需要重新new Person,然后我們就得到了Object也就是對象。

4:Object 對象(類的實例)

function Person(){
 
}
var person1 = new Person();
var person2 = new Person();

5:構造器(Constructor)

構造器是對象中的一個方法,每次實例化都會被調用;JavaScript中函數可以作為構造器使用;每個聲明的函數都可以在實例化后被調用執行。

function Person(){
 console.cog('Person created!');
}
var person1 = new Person();
var person2 = new Person();

6:Property 屬性

類中包含的變量。

function Person(firstName) {
 this.firstName = firstName;
 console.log('Person created!');
}
?
var person1 = new Person('Alice');
var person2 = new Person('Bob');

7:Method 方法

方法與屬性相似;方法是函數,屬性可以被定義為函數。

function Person(firstName) {
 this.firstName = firstName;
}
Person.prototype.sayHello = function(){
 console.log("Hello,I'm" + this.firstName);
};
?
var person1 = new Person('Alice');
var person2 = new Person('Bob');

8:Inheritance 繼承

繼承:子類可以使用父類的所有功能,并且對這些功能進行擴展。繼承的過程,就是從一般到特殊的過程。

繼承本質上一個是原型鏈繼承,一個是構造函數繼承,在此之后也衍生出很多,一般來講,最好的方法就是第三種繼承:混合繼承。借助原型鏈和構造函數繼承來達到一個較完善的效果。

9:Encapsulation 封裝(把數據和相關的方法綁定在一起使用)

封裝:把客觀事物封裝成抽象的類,隱藏屬性和方法的實現細節,僅對外公開接口。

function Person(name, age, sex){
 this.name = name;
 this.age = age;
 this.sex = sex;
}
Person.prototype.show = function (){
 console.log(this.name + ' ' + this.sex + ' ' + this.age);
}
var person = new Person('Eric', 18, '男');

10:Polymorphism 多態

多態就是通過對傳遞的參數判斷來執行邏輯,即可實現一種多態處理機制。

多態實際上是同一操作作用于不同的對象, 可以有不同的解釋, 產生不同的執行結果。

多態最根本的作用就是通過把過程化的條件語句轉化為對象的多態性,從而消除這些條件分支語句。

function Person(name, age){
 this.name = name;
 this.age = age;
}
?
Person.prototype.toString = function() {
 return "I am a Person, my name is " + this.name;
}
?
function Man(name, age){
 Person.Apply(this, arguments);
}
?
Man.prototype = Object.create(Person.prototype);
?
Man.prototype.toString = function() {
 return "I am a Man, my name is"+this.name;
}
?
var person = new Person("Neo", 19);
var man1 = new Man("Davin", 18);
var man2 = new Man("Jack", 19);

分享到:
標簽:JavaScript OOP
用戶無頭像

網友整理

注冊時間:

網站:5 個   小程序:0 個  文章:12 篇

  • 51998

    網站

  • 12

    小程序

  • 1030137

    文章

  • 747

    會員

趕快注冊賬號,推廣您的網站吧!
最新入駐小程序

數獨大挑戰2018-06-03

數獨一種數學游戲,玩家需要根據9

答題星2018-06-03

您可以通過答題星輕松地創建試卷

全階人生考試2018-06-03

各種考試題,題庫,初中,高中,大學四六

運動步數有氧達人2018-06-03

記錄運動步數,積累氧氣值。還可偷

每日養生app2018-06-03

每日養生,天天健康

體育訓練成績評定2018-06-03

通用課目體育訓練成績評定