JavaScript OOP多態、封裝、繼承

標籤：學習   資料   apply   分配   argument   屬性   成員方法   獨立   代碼   

封裝

　　封裝就是把抽象出來的資料和對資料的操作封裝在一起，資料被保護在內部，

程式的其它部分只有通過被授權的操作(成員方法)，才能對資料進行操作。

JS封裝只有兩種狀態，一種是公開的，一種是私人的。

 

 <script type="text/javascript">       function Person(name, agei, sal){         // 公開         this.name = name;         // 私人        var age = agei;         var salary = sal;       }       var p1 = new Person(‘zs‘, 20, 10000);       window.alert(p1.name + p1.age);  </script> 
//切記this和var的區別，this指向的是公開的意思，而var是定義為私人的意思

 

通過建構函式新增成員方法和通過原型法新增成員方法的區別
1、通過原型法分配的函數是所有對象共用的.
2、通過原型法分配的屬性是獨立.(如果你不修改屬性，他們是共用)
3、建議，如果我們希望所有的對象使用同一個函數，最好使用原型法添加函數，這樣比較節省記憶體。

特彆強調：我們前面學習的通過prototype給所有的對象添加方法，但是這種方式不能去訪問類的私人變數和方法。

 

多態

JS的函數重載

這個是多態的基礎,雖然JS函數不支援多態，但是事實上JS函數是無態的，支援任意長度，類型的參數列表。

如果同時定義了多個同名函數，則以最後一個函數為準。

<html> <head> <script type="text/javascript">   //一下例子說明js不支援重載  /*function Person(){     this.test1=function (a,b){       window.alert(‘function (a,b)‘);      }     this.test1=function (a){       window.alert(‘function (a)‘);     }   }   var p1=new Person();   //js中不支援重載.   //但是這不會報錯，js會預設是最後同名一個函數，可以看做是後面的把前面的覆蓋了。   p1.test1("a","b");   p1.test1("a");*/ </script> </html> 

所以得利用全域變數arguments可以實現，arguments是類數組，通過判斷傳入參數的長度可以訪問到參數列表的值。

多態的定義：指允許不同類的對象對同一訊息做出響應。即同一訊息可以根據發送對象的不同而採用多種不同的行為方式。

 

說白點就是一個父類被多個子類繼承，然後多個子類可以添加他們不同的屬性和方法。

    function doAdd(){        if(arguments.length==1){          alert(arguments[0]+10);        }else if(arguments.length==2){          alert(arguments[0]+arguments[1]);        }      }      doAdd(10); //outputs "20"      doAdd(30,20);//outputs "50"  

 

 

繼承

繼承可以解決代碼複用，讓編程更加靠近人類思維。當多個類存在相同的屬性(變數)和方法時，可以從這些類中抽象出父類，

在父類中定義這些相同的屬性和方法，所有的子類不需要重新定義這些屬性和方法，只需要通過繼承父類中的屬性和方法。

JS中實現繼承的方式

function Person(args){ //父類 
　　this.Name = "李四"; 
} 
function Studnt(a,b,c){ //子類 
　　Person.apply(this,arguments); //通過apply方法（數組）
　　Person.call(this,a,b,c); //通過this方法（屬性）
}    

 

JavaScript OOP多態、封裝、繼承