本文實例講述了javascript面向對象三大特征之多態。分享給大家供大家參考,具體如下:
多態
從某種意義上來說,多態是面向對象中重要的一部分,也是實施繼承的主要目的。
一個實例可以擁有多個類型,它既可以是這種類型,也可以是那種類型,這種多種狀態被稱為類的多態。
多態的表現形式很多,其中繼承和重載都是多態的表現形式。
——整理自《jQuery開發從入門到精通》
繼承
繼承本身是多態的一種實現。
重載
重載也是多態的一種體現。重載就是同名方法的多個實現。依靠參數的類型和參數的個數來區分和識別。在js中,函數的參數是沒有類型的,并且參數的個數是任意的。
例如:下面的add函數
function add(x,y){ return x+y;}
我們將其實現重載
function add(){ var sum = 0; for(var i=0; i<arguments.length; i++) { if(typeof arguments[i] === 'number') { sum += arguments[i]; } } return sum;}
這樣,不管參數類型如何,該函數會自動把數值類型參數相加并返回總數。
另外,結合instanceof 和constructor屬性來判斷每個參數類型,以決定根據參數個數和類型執行不同操作,這樣可以實現更復雜的重載。
下面我們使用js的原型來設計類的多態特征。
function A(){ this.get = function(){ console.log('A'); }}function B(){ this.get = function(){ console.log('B'); }}B.prototype = new A(); // 使用原型繼承,讓B類繼承A類function C(){ this.get = function(){ console.log('C'); }}C.prototype = new A(); // 使用原型繼承,讓B類繼承A類function F(x){ this.x = x;}F.prototype.get = function(){ // 判斷是否為A類的實例 if(this.x instanceof A){ // 如果是,調用實例的方法 this.x.get(); }}// 下面開始var b = new B();var c = new C();var f1 = new F(b); // 此時F中的this.x 就是b了, 而b是A的一個實例var f2 = new F(c); // 原理同上f1.get(); // Bf2.get(); // C
上面的類F就包含了一個多態方法get() ,它能夠根據不同實例,來執行不同方法。
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答