面向?qū)ο蟮娜筇匦?/strong>

封裝

所謂封裝，也就是把客觀事物封裝成抽象的類，并且類可以把自己的數(shù)據(jù)和方法只讓可信的類或者對(duì)象操作，對(duì)不可信的進(jìn)行信息隱藏。封裝是面向?qū)ο蟮奶卣髦唬菍?duì)象和類概念的主要特性。 簡(jiǎn)單的說(shuō)，一個(gè)類就是一個(gè)封裝了數(shù)據(jù)以及操作這些數(shù)據(jù)的代碼的邏輯實(shí)體。在一個(gè)對(duì)象內(nèi)部，某些代碼或某些數(shù)據(jù)可以是私有的，不能被外界訪問(wèn)。通過(guò)這種方式，對(duì)象對(duì)內(nèi)部數(shù)據(jù)提供了不同級(jí)別的保護(hù)，以防止程序中無(wú)關(guān)的部分意外的改變或錯(cuò)誤的使用了對(duì)象的私有部分。

我們?cè)趘ue項(xiàng)目中使用混入將公有代碼提出來(lái)，混入到每個(gè)需要的組件中，讓我們的代碼更簡(jiǎn)潔

我們也可以將一些公用的方法，工具進(jìn)行封裝，達(dá)到代碼復(fù)用，讓我們的代碼更簡(jiǎn)潔

繼承

所謂繼承是指可以讓某個(gè)類型的對(duì)象獲得另一個(gè)類型的對(duì)象的屬性的方法。它支持按級(jí)分類的概念。繼承是指這樣一種能力：它可以使用現(xiàn)有類的所有功能，并在無(wú)需重新編寫原來(lái)的類的情況下對(duì)這些功能進(jìn)行擴(kuò)展。 通過(guò)繼承創(chuàng)建的新類稱為“子類”或“派生類”，被繼承的類稱為“基類”、“父類”或“超類”。繼承的過(guò)程，就是從一般到特殊的過(guò)程。要實(shí)現(xiàn)繼承，可以通過(guò)“繼承”（Inheritance）和“組合”（Composition）來(lái)實(shí)現(xiàn)。繼承概念的實(shí)現(xiàn)方式有二類：實(shí)現(xiàn)繼承與接口繼承。實(shí)現(xiàn)繼承是指直接使用基類的屬性和方法而無(wú)需額外編碼的能力；接口繼承是指僅使用屬性和方法的名稱、但是子類必須提供實(shí)現(xiàn)的能力；

實(shí)現(xiàn)繼承的幾種方式

call繼承

function a (){    this.c=111  }  function b(){    a.call(this)  }  let d = new b()  console.log(d.c) // 111

上面代碼相當(dāng)于函數(shù)b繼承了函數(shù)a的私有屬性，通過(guò)改變父類的this實(shí)現(xiàn)繼承

原型繼承

 function a (){    this.c=111  }  a.prototype.getName=function(){    return '你好'  }  function b(){    // a.call(this)  }  b.prototype=new a()  b.constructor=b  let d = new b()  console.log(d.c) // 111  console.log(d.getName()) // 你好

原型繼承通過(guò)將父類的實(shí)例賦值給子類的原型，這種方法子類可以繼承父類的私有方法也可以繼承父類的私有方法

寄生組合繼承

 function a (){    this.c=111  }  a.prototype.getName=function(){    return '你好'  }  function b(){    a.call(this)  }  b.prototype=Object.create(a.prototype)  let d = new b()  console.log(d.c) // 111  console.log(d.getName()) // 你好

寄生組合繼承就是使用call繼承改變this，實(shí)現(xiàn)私有繼承私有，使用object.create實(shí)現(xiàn)公有繼承公有

es6 extends 繼承

class parent{    constructor(){      this.a=1    }    name(){      return 2    }  }  class child extends parent{      }  let A = new child()  console.log(A.a) // 1  console.log(A.name()) // 2

這里通過(guò)關(guān)鍵字extends實(shí)現(xiàn)子類繼承父類的私有和公有，這里需要注意如果子類里面寫了constructor，就必須寫super否則會(huì)報(bào)錯(cuò)

class parent{    constructor(){      this.a=1    }    name(){      return 2    }  }  class child extends parent{    constructor(){    // 這里不寫super會(huì)報(bào)錯(cuò)，報(bào)錯(cuò)信息如下    }  }  // ncaught ReferenceError: Must call super constructor in derived class before accessing 'this' or returning from derived constructor at new child

多態(tài)

所謂多態(tài)就是指一個(gè)類實(shí)例的相同方法在不同情形有不同表現(xiàn)形式。多態(tài)機(jī)制使具有不同內(nèi)部結(jié)構(gòu)的對(duì)象可以共享相同的外部接口。這意味著，雖然針對(duì)不同對(duì)象的具體操作不同，但通過(guò)一個(gè)公共的類，它們（那些操作）可以通過(guò)相同的方式予以調(diào)用。

重載

函數(shù)重載是指在同一作用域內(nèi)，可以有一組具有相同函數(shù)名，不同參數(shù)列表的函數(shù)，這組函數(shù)被稱為重載函數(shù)。重載函數(shù)通常用來(lái)命名一組功能相似的函數(shù)，這樣做減少了函數(shù)名的數(shù)量，避免了名字空間的污染，對(duì)于程序的可讀性有很大的好處。

• js通過(guò)函數(shù)名找到對(duì)應(yīng)的函數(shù)對(duì)象
  
• 然后根據(jù)函數(shù)按照定義時(shí)的參數(shù)，和表達(dá)式參數(shù)列表按順序匹配，多余的參數(shù)舍去，不夠的參數(shù)按undefined處理
  
• 然后執(zhí)行函數(shù)代碼。

 // 可以跟據(jù)arguments個(gè)數(shù)實(shí)現(xiàn)重載  function add() {    var sum = 0 ;    for ( var i = 0 ; i < arguments.length; i ++ ) {      sum += arguments[i];    }    return sum;  }  console.log(add()) // 0  console.log(add(1,2)) // 3  console.log(add(1,2,3)) // 6

重寫

“實(shí)例中的指針僅指向原型，而不是指向構(gòu)造函數(shù)”。

“重寫原型對(duì)象切斷了現(xiàn)有原型與任何之前已經(jīng)存在的對(duì)象實(shí)例之間的關(guān)系；它們引用的仍然是最初的原型”。

var parent = function(name,age){  this.name = name;  this.age = age;} parent.prototype.showProper = function(){  console.log(this.name+":"+this.age);} var child = function(name,age){  parent.call(this,name,age);} // inheritancechild.prototype = Object.create(parent.prototype);// child.prototype = new parent();child.prototype.constructor = child; // rewrite functionchild.prototype.showProper = function(){  console.log('I am '+this.name+":"+this.age);}var obj = new child('wozien','22');obj.showProper();

上面這段代碼通過(guò)使用寄生組合繼承，實(shí)現(xiàn)子類私有繼承父類私有，子類公有繼承父類公有，達(dá)到重寫父類的showProper

面向?qū)ο蟮?大原則

• 單一職責(zé)原則
• 開放封閉原則
• 替換原則
• 依賴原則
• 接口分離原則

單一職責(zé)原則

單一職責(zé)原則就是我們說(shuō)的一個(gè)方法只做一件事，就比如現(xiàn)在的項(xiàng)目結(jié)構(gòu)，就遵循了單一職責(zé)原則

開放封閉原則

開放封閉原則就是對(duì)修改關(guān)閉，對(duì)擴(kuò)展開放

class a {   add(){     return 11   } } class b extends a{    } let c = new b() console.log(c.add()) // 111

我們可以使用extends繼承父類，可以再b里面修改add函數(shù)，實(shí)現(xiàn)對(duì)修改關(guān)閉，對(duì)擴(kuò)展開放

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持武林網(wǎng)。