ホームページ >ウェブフロントエンド >フロントエンドQ&A >es6 と es5 を混在させることはできますか?

es6 と es5 を混在させることはできますか?

WBOY
WBOYオリジナル
2022-08-18 16:34:501484ブラウズ

es6 と es5 は混合して使用できます。ECMAScript のアップグレードは、以前のすべてのバージョンと可能な限り互換性があります。つまり、es6 には以前のすべてのバージョンの構文が含まれており、可能な限り同じ意味が維持されます。es6 のみ元々のベースでは、以前のバージョンの予約語を使用していくつかの新しい構文が実装されているため、es6 と es5 を混在させることができます。

es6 と es5 を混在させることはできますか?

#このチュートリアルの動作環境: Windows10 システム、ECMAScript 6.0&&ECMAScript 5.0 バージョン、Dell G3 コンピューター。

es6 と es5 は混合して使用できます

民間向けのほぼすべてのソフトウェアまたはプロトコルのアップグレードは、以前のすべてのバージョンと可能な限り互換性があります。

つまり、ES6 には以前のすべてのバージョンの構文が含まれており、可能な限り同じ意味が維持されます。言い換えれば、ES6 は以前のバージョンの予約語を使用して、独自のベースでいくつかの新しい構文を実装しているだけであり、元のものの意味は変更されていません。

es6 と es5 の違い

システム ライブラリの紹介

Es5:最初に使用するには、React パッケージをインポートし、オブジェクトになってから実際の参照を作成する必要があります。

Es6: 追加のクラス ライブラリ オブジェクトを作成せずに、インポート メソッドを使用してシステム ライブラリ参照を直接実装できます

単一クラスのエクスポートと参照

Es5: クラスを他のモジュールにエクスポートするには、通常、module.exports を通じて実現します。引用する場合でも、require メソッドを通じて取得されます。

Es6: エクスポート デフォルトを使用して同じ機能を実現し、インポート メソッドを使用して import

注: インポートとエクスポートES5 と ES6 のメソッドはペアで表示され、混合することはできません。

コンポーネントの定義

Es5: コンポーネント クラスの定義は React.createClass を通じて実装されます;

Es6: コンポーネント クラスに React を継承させます.Component クラス 以上です。

注: ES5 では、React.createClass の後に括弧が必要で、最後にセミコロンが必要です。

末尾に括弧はなく、括弧を付ける必要もありません。セミコロンを追加します。

コンポーネントの内部定義メソッド

Es5: 形式は

:function() で、メソッドの中括弧の最後にカンマを追加する必要があります;

Es6: 段落 [:関数] は省略されており、最後にカンマを追加して区切る必要はありません。

注: ES6 で定義されたルールを使用する場合、外側の層は [class

# extend React.Component] を使用してこのクラスを宣言する必要があります。そうしないと、エラーが報告されます。

コンポーネントの属性タイプとデフォルト属性を定義します

Es5: 属性タイプとデフォルト属性は、それぞれ propTypes メンバーと getDefaultProps メソッドを通じて実装されます (これら 2 つ)メソッドは固定名である必要があります);

Es6: 静的メンバーを一律に使用して実装します。

Initialize STATE

Es5: 状態を初期化する方法は固定 getInitialState;

Es6: 最初の方法は、状態関数を直接構築することです。 2 つ目 これは、OC でのメソッドの書き換え、コンストラクター メソッドの書き換えと同等です。

[関連する推奨事項: JavaScript ビデオ チュートリアル Web フロントエンド

]###

以上がes6 と es5 を混在させることはできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。