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

陸斌發(fā)布于2019-08-26 11:35 / 1058人閱讀

摘要：繼承的繼承可以簡(jiǎn)單的認(rèn)為就是上篇文章中的寄生組合繼承模型幾乎一模一樣，只是在語(yǔ)法結(jié)構(gòu)上多了和關(guān)鍵字，另外一個(gè)區(qū)別就是父類(lèi)和子類(lèi)通過(guò)連接。

ES5繼承 VS ES6繼承 前言

ES6 已經(jīng)發(fā)展了很長(zhǎng)時(shí)間里 javascript相對(duì)于其他例如java等是一門(mén)比較怪異的語(yǔ)言, 由于其歷史原因其繼承機(jī)制和對(duì)象生成方式被人詬病. ES6 的出現(xiàn)將徹底改變這一現(xiàn)狀, ES6 引入了新的生成對(duì)象(類(lèi))語(yǔ)法格式,但依然為ES5的語(yǔ)法糖,上篇文章ES5 javascript 多種繼承方式解析詳細(xì)介紹了javascript的繼承方式, ES6給出了更加簡(jiǎn)潔的固定的類(lèi)聲明方式,有興趣的可以查看阮一峰的ES6入門(mén),下面給出原文鏈接es6 阮一峰http://es6.ruanyifeng.com
正如曾經(jīng)的老師說(shuō)的, 每一個(gè)不理解的概念都是因?yàn)槟愕哪X海里缺少一幅圖, 下面將以圖解的方式來(lái)分析對(duì)比 javascript 繼承

ES5繼承

正如此圖所示,此圖為上篇文章中降到的組合繼承,從圖中可以清晰的看出對(duì)象的繼承規(guī)則--(再一次感嘆圖形的魅力 ^_^),上篇文章已經(jīng)詳細(xì)講了這種繼承方式,此鏈接組合繼承為詳細(xì)介紹, 有興趣的可以到前文查看, 在這里不加累贅,ES5中這種最簡(jiǎn)單的繼承，實(shí)質(zhì)上就是將子類(lèi)的原型設(shè)置為父類(lèi)的實(shí)例。

ES6繼承

ES6的繼承可以簡(jiǎn)單的認(rèn)為就是上篇文章中的寄生組合繼承, 模型幾乎一模一樣，只是在語(yǔ)法結(jié)構(gòu)上多了 class 和 extends關(guān)鍵字，另外一個(gè)區(qū)別就是父類(lèi)和子類(lèi)通過(guò)__proto__連接。

云服務(wù)器 GPU云服務(wù)器 javascript繼承 javascript繼承方法 Javascript實(shí)現(xiàn)繼承 javascript類(lèi)的繼承

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/107166.html

相關(guān)文章

整理Object的一些方法

摘要：父類(lèi)的原型方法子類(lèi)調(diào)用構(gòu)造函數(shù)子類(lèi)繼承父類(lèi)前面說(shuō)到的，實(shí)際上是將第一個(gè)參數(shù)無(wú)論是原型對(duì)象還是普通對(duì)象的屬性添加到新創(chuàng)建對(duì)象的原型中，這也就意味著，通過(guò)中定義的屬性和方法是無(wú)法通過(guò)方法添加到新創(chuàng)建對(duì)象中的。 ES5 和 ES6 中 Object 添加了很多新的方法，現(xiàn)在很多開(kāi)源代碼中有用到了這些，今天來(lái)整理一番。 Object.assign() 這是ES6新添加的方法，Object.as...

Meils 2019-08-20 14:00 評(píng)論0 收藏0
JavaScript繼承理解：ES5繼承方式+ES6Class繼承對(duì)比

摘要：寄生組合式繼承的繼承方式有多種主要有原型鏈繼承借用構(gòu)造函數(shù)組合式繼承寄生式繼承和寄生組合式繼承。中利用定義類(lèi)，實(shí)現(xiàn)類(lèi)的繼承子類(lèi)里調(diào)用父類(lèi)構(gòu)造函數(shù)實(shí)現(xiàn)實(shí)例屬性和方法的繼承子類(lèi)原型繼承父類(lèi)原型，實(shí)現(xiàn)原型對(duì)象上方法的繼承。 JavaScript中實(shí)現(xiàn)繼承 ??在JavaScript中實(shí)現(xiàn)繼承主要實(shí)現(xiàn)以下兩方面的屬性和方法的繼承，這兩方面相互互補(bǔ)，既有共享的屬性和方法，又有特有的屬性和方法。 ...

liaoyg8023 2019-08-26 12:09 評(píng)論0 收藏0
javascript繼承 --- 多種繼承方式解析(ES5)

摘要：繼承前言作為一門(mén)輕量級(jí)的腳本語(yǔ)言在和的橫空出世之后將其推向的新的高度雖然中出現(xiàn)的新的生成對(duì)象的類(lèi)語(yǔ)法格式但依然為的語(yǔ)法糖而我們依然有必要從的原生實(shí)現(xiàn)入手來(lái)了解它的繼承實(shí)現(xiàn)方式給出了更加簡(jiǎn)潔的固定的類(lèi)聲明方式有興趣的可以查看阮一峰的入門(mén)下面給 javascript繼承前言 javascript作為一門(mén)輕量級(jí)的腳本語(yǔ)言在ES6和node.js的橫空出世之后將其推向的新的高度,雖然 ES6...

yankeys 2019-08-26 11:35 評(píng)論0 收藏0
刷《一年半經(jīng)驗(yàn)，百度、有贊、阿里面試總結(jié)》·手記

摘要：在掘金上看到了一位大佬發(fā)了一篇很詳細(xì)的面試記錄文章一年半經(jīng)驗(yàn)，百度有贊阿里面試總結(jié)，為了查漏補(bǔ)缺，抽空就詳細(xì)做了下。在掘金上看到了一位大佬發(fā)了一篇很詳細(xì)的面試記錄文章-《一年半經(jīng)驗(yàn)，百度、有贊、阿里面試總結(jié)》，為了查漏補(bǔ)缺，抽空就詳細(xì)做了下。（估計(jì)只有我這么無(wú)聊了哈哈哈）有給出的或者有些不完善的答案，也盡力給出/完善了（可能有錯(cuò)，大家自行辨別）。有些很困難的題目（例如實(shí)現(xiàn)Promi...

codeKK 2019-08-23 13:48 評(píng)論0 收藏0
刷《一年半經(jīng)驗(yàn)，百度、有贊、阿里面試總結(jié)》·手記

摘要：在掘金上看到了一位大佬發(fā)了一篇很詳細(xì)的面試記錄文章一年半經(jīng)驗(yàn)，百度有贊阿里面試總結(jié)，為了查漏補(bǔ)缺，抽空就詳細(xì)做了下。在掘金上看到了一位大佬發(fā)了一篇很詳細(xì)的面試記錄文章-《一年半經(jīng)驗(yàn)，百度、有贊、阿里面試總結(jié)》，為了查漏補(bǔ)缺，抽空就詳細(xì)做了下。（估計(jì)只有我這么無(wú)聊了哈哈哈）有給出的或者有些不完善的答案，也盡力給出/完善了（可能有錯(cuò)，大家自行辨別）。有些很困難的題目（例如實(shí)現(xiàn)Promi...

NusterCache 2019-08-29 17:27 評(píng)論0 收藏0