溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本文實例講述了javascript面向對象三大特征之多態。分享給大家供大家參考，具體如下：
多態
從某種意義上來說，多態是面向對象中重要的一部分，也是實施繼承的主要目的。
一個實例可以擁有多個類型，它既可以是這種類型，也可以是那種類型，這種多種狀態被稱為類的多態。
多態的表現形式很多，其中繼承和重載都是多態的表現形式。
——整理自《jQuery開發從入門到精通》
繼承
繼承本身是多態的一種實現。詳情請參考前面一篇：https://www.jb51.net/article/166097.htm
重載
重載也是多態的一種體現。重載就是同名方法的多個實現。依靠參數的類型和參數的個數來區分和識別。在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(); // B
f2.get(); // C
上面的類F就包含了一個多態方法get() ，它能夠根據不同實例，來執行不同方法。
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
更多關于JavaScript相關內容可查看本站專題：《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
