如何 在javascript 中使用繼承?相信很多沒有經(jīng)驗的人對此束手無策,為此本文總結(jié)了問題出現(xiàn)的原因和解決方法,通過這篇文章希望你能解決這個問題。
高級語法的基本使用
<script type="text/javascript"> //聲明一個函數(shù)demo function Demo() { } //實例函數(shù)demo var demo = new Demo(); //聲明一個函數(shù)Demo1 function Demo1(name,age) { this.name = name; this.age = age; } //實例一個函數(shù)Demo1 var demo1 = new Demo1('譚勇',21); //運行下面試試 console.log(demo1.name); console.log(demo1.age); //Demo2 function Demo2(name,age) { var that = this; this.name = name; this.age = age; function a() { return that.name; } function b() { return that.age; } this.getName = a; this.getAge = b; } //實例一個函數(shù)Demo1 var demo2 = new Demo2('譚勇',21); //運行下面試試 console.log(demo2.name); console.log(demo2.age); </script>
運行結(jié)果:
繼承
<script type="text/javascript"> function Demo(name,age) { this.name = name; this.age = age; } function Son() { this.text = 'test text'; } Son.prototype = new Demo('譚勇',22); var __son = new Son(); //試試 console.log(__son.name); console.log(__son.age); console.log(__son.text); //組合繼承 function Son1() { this.text1 = 'my test son1'; } Son1.prototype.Demo = new Demo('譚勇',22); Son1.prototype.Son1 = new Son1(); var __son1 = new Son1(); console.log(__son1.Demo.name); console.log(__son1.Demo.age); console.log(__son1.Son1.text); console.log(__son1.text1); </script>
運行結(jié)果:
看完上述內(nèi)容,你們掌握如何 在javascript 中使用繼承的方法了嗎?如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
網(wǎng)站欄目:如何在javascript中使用繼承-創(chuàng)新互聯(lián)
文章轉(zhuǎn)載:http://vcdvsql.cn/article8/pjjip.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供手機網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站、建站公司、企業(yè)網(wǎng)站制作、動態(tài)網(wǎng)站、網(wǎng)站制作
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容