javascript繼承 --- 圖解 ES5繼承 VS ES6繼承

ES5繼承 VS ES6繼承

前言

ES6 已經發展了很長時間裏 javascript相對於其餘例如java等是一門比較怪異的語言, 因爲其歷史緣由其繼承機制和對象生成方式被人詬病. ES6 的出現將完全改變這一現狀, ES6 引入了新的生成對象(類)語法格式,但依然爲ES5的語法糖,上篇文章 ES5 javascript 多種繼承方式解析詳細介紹了javascript的繼承方式,

ES6給出了更加簡潔的固定的類聲明方式,有興趣的能夠查看阮一峯的ES6入門,下面給出原文連接es6 阮一峯http://es6.ruanyifeng.com

正如曾經的老師說的, 每個不理解的概念都是由於你的腦海裏缺乏一幅圖, 下面將以圖解的方式來分析對比 javascript 繼承

---

1. ES5繼承
   
   正如此圖所示,此圖爲上篇文章中降到的組合繼承,從圖中能夠清晰的看出對象的繼承規則--(再一次感嘆圖形的魅力 ^_^),上篇文章已經詳細講了這種繼承方式,此連接組合繼承爲詳細介紹, 有興趣的能夠到前文查看, 在這裏不加累贅,ES5中這種最簡單的繼承，實質上就是將子類的原型設置爲父類的實例。
2. ES6繼承
   ES6的繼承能夠簡單的認爲就是上篇文章中的寄生組合繼承, 模型幾乎如出一轍，只是在語法結構上多了 class 和 extends關鍵字，另一個區別就是父類和子類經過__proto__鏈接。