當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
javascript中子类如何继承父类
生活随笔
收集整理的這篇文章主要介紹了
javascript中子类如何继承父类
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
參考阮一峰的文章:http://javascript.ruanyifeng.com/oop/inheritance.html#toc4
function Shape() {this.x = 0;this.y = 0; }Shape.prototype.move = function (x, y) {this.x += x;this.y += y;console.info('Shape moved.'); };function Rectangle() {Shape.call(this); // 調用父類構造函數 } // 另一種寫法 function Rectangle() {this.base = Shape;this.base(); }// 子類繼承父類的方法 Rectangle.prototype = Object.create(Shape.prototype); Rectangle.prototype.constructor = Rectangle;var rect = new Rectangle();rect instanceof Rectangle // true rect instanceof Shape // true rect.move(1, 1) // 'Shape moved.'上面代碼表示,構造函數的繼承分成兩部分,一部分是子類調用父類的構造方法,另一部分是子類的原型指向父類的原型。
上面代碼中,子類是整體繼承父類。有時,只需要單個方法的繼承,這時可以采用下面的寫法。
ClassB.prototype.print = function() {ClassA.prototype.print.call(this);// some code }上面代碼中,子類B的print方法先調用父類A的print方法,再部署自己的代碼。這就等于繼承了父類A的print方法。
轉載于:https://www.cnblogs.com/linux-centos/p/5567294.html
創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的javascript中子类如何继承父类的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【REACT NATIVE 系列教程之十
- 下一篇: 消息称特斯拉在墨西哥新莱昂州建厂将面临供