這篇“es6和es5可不可以混合使用”文章的知識點大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“es6和es5可不可以混合使用”文章吧。

創(chuàng)新互聯(lián)堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站制作、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的港閘網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

es6和es5可以混合使用；ECMAScript的升級都是盡可能的兼容以前所有版本的，也即es6包含了所有以前版本的語法，并且盡量保持了不變的意義，es6只是在原來的基礎(chǔ)上使用以前版本的保留字實現(xiàn)了一些新的語法，因此es6和es5可以混合使用。

本教程操作環(huán)境：windows10系統(tǒng)、ECMAScript 6.0&&ECMAScript 5.0版本、Dell G3電腦。

es6和es5可以混合使用

幾乎所有給平民用的軟件或是協(xié)議的升級都是盡可能的兼容以前所有版本的。

即 ES6 包含了所有以前版本的語法，并且盡量保持了不變的的意義。也是說ES6只是在原來的基礎(chǔ)上使用以前版本的保留字實現(xiàn)了一些新的語法，原有的東西意義不變。

es6和es5的區(qū)別

系統(tǒng)庫的引入

Es5：需要先使用require導(dǎo)入React包，成為對象，再去進(jìn)行真正引用；

Es6：可以使用import方法來直接實現(xiàn)系統(tǒng)庫引用，不需要額外制作一個類庫對象

導(dǎo)出及引用單個類

Es5：要導(dǎo)出一個類給別的模塊用，一般通過module.exports來實現(xiàn)。引用時，則依然通過                          require方法來獲??；

Es6：可以使用用export default來實現(xiàn)相同的功能，使用import方法來實現(xiàn)導(dǎo)入

注意:ES5和ES6的導(dǎo)入導(dǎo)出方法是成對出現(xiàn)的，不可以混用。

定義組件

Es5：組件類的定義通過React.createClass實現(xiàn)；

Es6：讓組件類去繼承React.Component類就可以了。

注意;ES5中React.createClass后面是需要小括號的，且結(jié)尾必須有分號

這里結(jié)尾時不會出現(xiàn)小括號，也不需要添加分號。

組件內(nèi)部定義方法

Es5：采用的是 ###:function()的形式，方法大括號末尾需要添加逗號；

Es6：省略了【: function】這一段，并且結(jié)尾不需要加逗號來實現(xiàn)分隔。

注意:使用ES6定義的規(guī)則的話，外層必須用【class #### extend React.Component】的                  方式來申明這個類，否則會報錯。

定義組件的屬性類型和默認(rèn)屬性

Es5：屬性類型和默認(rèn)屬性分別通過propTypes成員和getDefaultProps方法來實現(xiàn)(這兩個方法應(yīng)               該是固定名稱的)；

Es6：統(tǒng)一使用static成員來實現(xiàn)。

初始化STATE

Es5：初始化state的方法是固定的getInitialState；

Es6：第一種，直接構(gòu)造state函數(shù)；第二種，相當(dāng)于OC中的方法重寫，重寫constructor方法

以上就是關(guān)于“es6和es5可不可以混合使用”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關(guān)的知識內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。