您好,登錄后才能下訂單哦!
本文實(shí)例講述了javascript面向?qū)ο笕筇卣髦鄳B(tài)。分享給大家供大家參考,具體如下:
多態(tài)
從某種意義上來(lái)說(shuō),多態(tài)是面向?qū)ο笾兄匾囊徊糠?,也是?shí)施繼承的主要目的。
一個(gè)實(shí)例可以擁有多個(gè)類型,它既可以是這種類型,也可以是那種類型,這種多種狀態(tài)被稱為類的多態(tài)。
多態(tài)的表現(xiàn)形式很多,其中繼承和重載都是多態(tài)的表現(xiàn)形式。
——整理自《jQuery開(kāi)發(fā)從入門到精通》
繼承
繼承本身是多態(tài)的一種實(shí)現(xiàn)。詳情請(qǐng)參考前面一篇:https://www.jb51.net/article/166097.htm
重載
重載也是多態(tài)的一種體現(xiàn)。重載就是同名方法的多個(gè)實(shí)現(xiàn)。依靠參數(shù)的類型和參數(shù)的個(gè)數(shù)來(lái)區(qū)分和識(shí)別。在js中,函數(shù)的參數(shù)是沒(méi)有類型的,并且參數(shù)的個(gè)數(shù)是任意的。
例如:下面的add函數(shù)
function add(x,y){ return x+y; }
我們將其實(shí)現(xiàn)重載
function add(){ var sum = 0; for(var i=0; i<arguments.length; i++) { if(typeof arguments[i] === 'number') { sum += arguments[i]; } } return sum; }
這樣,不管參數(shù)類型如何,該函數(shù)會(huì)自動(dòng)把數(shù)值類型參數(shù)相加并返回總數(shù)。
另外,結(jié)合instanceof 和constructor屬性來(lái)判斷每個(gè)參數(shù)類型,以決定根據(jù)參數(shù)個(gè)數(shù)和類型執(zhí)行不同操作,這樣可以實(shí)現(xiàn)更復(fù)雜的重載。
下面我們使用js的原型來(lái)設(shè)計(jì)類的多態(tài)特征。
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類的實(shí)例 if(this.x instanceof A){ // 如果是,調(diào)用實(shí)例的方法 this.x.get(); } } // 下面開(kāi)始 var b = new B(); var c = new C(); var f1 = new F(b); // 此時(shí)F中的this.x 就是b了, 而b是A的一個(gè)實(shí)例 var f2 = new F(c); // 原理同上 f1.get(); // B f2.get(); // C
上面的類F就包含了一個(gè)多態(tài)方法get() ,它能夠根據(jù)不同實(shí)例,來(lái)執(zhí)行不同方法。
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題:《javascript面向?qū)ο笕腴T教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。