es6和es5可以混合使用嗎

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

本教學操作環境：windows10系統、ECMAScript 6.0&&ECMAScript 5.0版本、Dell G3電腦。

es6和es5可以混合使用

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

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

es6和es5的差異

#系統函式庫的引入

##    Es5：需要先使用require導入React包，成為對象，再去進行真正引用；

    Es6：可以使用import方法來直接實現系統庫引用，不需要額外製作一個類別庫對象

匯出並引用單一類別

    Es5：要匯出一個類別給別的模組用，一般透過module.exports來實作。引用時，則仍透過                          require方法取得;

    Es6：可使用以export defaultES方法是成對出現的，不可以混用。

定義元件

    Es5：元件類別的定義透過React.createClass實作；

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

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

            這裡結尾時不會出現小括號，也不需要加上分號。

元件內部定義方法

    Es5：採用的是:function()的形式，方法大括號末端需要加上逗號；

    Es6：省略了【: function】這一段，並且結尾不需要加逗號來實現分隔。

     注意:使用ES6定義的規則的話，外層必須用【class

# extend React.Component】的                  方式來申明這個類別，否則會錯誤。

定義元件的屬性類型和預設屬性

    Es5：屬性類型和預設屬性分別透過propTypes成員和getDefaultProps方法來實現(這兩個方法應               固定名稱的);

    Es6：統一使用static成員實現。

初始化STATE

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

    Es6：第一種，直接建構state函數；第二種，相當於OC中的方法重寫，重寫constructor方法

【相關推薦：

javascript影片教學、web前端】

######################################

以上是es6和es5可以混合使用嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章！