- ES6プロフィール
- バベルトランスコーダ
- NodejsはES6を使用しました
- WebPACKのはES6とトランスコーディングプラグバベルを使用しました
、ES6はじめとトランスコーディング
最終的には1.1共通の問題、ECMAScriptのとJavaScriptの関係は何ですか?
- 1996年11月、JavaScriptの--Netscape会社の作成者は、標準のJavaScript ECMAのための国際機関に提出することを決め、JavaScriptがその言語が国際標準になることを願って。
- 1997年に、ECMAは、規格番号262文書(ECMA-262)の最初の版をリリースし、標準的なブラウザのスクリプト言語を提供し、ECMAスクリプトと呼ばれるこの言語が、このバージョンはES1.0あります。
- ECMAは、欧州コンピュータManufactuers協会の略で、と呼ばれる中国語翻訳名「欧州電子計算機工業会が、」この組織の目標は、電気通信、コンピュータ規格の開発と認識を評価することです。組織のプログラミング言語と入力および出力を含む - 統一フォーマットの標準的なコンピュータ操作を確立するために1961年に設立された、しかし。
ECMAScriptの代わりにはJavaScriptのこの名前を使用する理由一般的な疑問?
- 一つ疑問符:Javaはライセンス契約に基づいて、Sun Microsystems、Inc.の登録商標です、唯一のNetscapeのJavaScriptが合法的に名前を使用することができますは、JavaScriptとNetscape自体は、商標、会社として登録されています。
- 第二に、すべての言語の所有権:ECMAScriptの名はメーカーの言語を反映しているが、これは、言語のオープン性と中立性を確保するのに役立ちます、というよりもネットスケープECMA、です。
したがって、JavascriptとECMAScriptの間の関係は、前者が達成前者は後者の仕様であることです。ほかのECMAScriptとJScript方言でだけでなく、ActionScriptの。
のECMAScript2015と1.2ES6関係?
ECMAScript2015がES2015と呼ばれる。2011鮎のECMAScript 5.1のリリース、バージョン6.0を開発し始め、単語のES6本来の目的では、JavaScriptのバージョンを指します。しかし、このリリースの、あまりにも多くのバージョンが原因では新機能を提出する多くの組織や個人があり、構文、および開発プロセスを紹介します。したがって、それは同じバージョンで導入されるすべての機能を含めることはできません。従来の慣行は、バージョン6.0をリリースすることで、その後、.....時間をかけて6.1,6.2,6.3バージョンをリリースしました。しかし、誰もがいつでも構文で新しい提案を提出することができるように、標準のアップグレードは、日常的な手順になることができ、その後、標準化委員会を開くために、月にするために標準化委員会は、改善する必要があるもの、提案が受け入れられるかどうかを評価します。多くの会議の後、十分に成熟したことにより、言及は基準を入力することができます。その後、毎年6月には、標準を公開します。
したがって2015年6月にリリースされた最初のバージョンをES6、正式名称は「ECMAScript2015基準」(ES2015と呼ばれる)です。ES6は通常ようにES2015、ES2016、ES2017とを覆う、次世代規格のES5.1バージョンを指します。ES2016はES7、ES2017は今年のES2019は、ES10で記述のように、ES8である人がいます。
注意:目的は、ECMAScriptのJS言語は大規模で複雑なアプリケーション、エンタープライズクラスの開発言語を記述するために使用することができ、反復を有効にすることです。
:TC39(技術委員会39)のJavaScriptの開発を促進するための委員会、githubの接続でhttps://github.com/tc39、公式ウェブサイト:https://tc39.es/は、最新の提案を学ぶことに興味を持っている両方のJSを表示することができますウェブサイト。
欧州電子計算機工業会の公式ウェブサイト:https://www.ecma-international.org
1.3Babelトランスコーダ
ブラウザはブラウザや他の環境で実行することができる可能な新しい構文を開発するために、特にブラウザの古いバージョンでは、まだ新しい構文については、いくつかのサポートされているので、あなたは新しい構文のターンを追加するために、トランスコーディングツールを利用することができますES5のコードは、生産と開発の統一を達成するために、新しい構文の全てをトランスコードすることができません。
新しい文法は、単に元の文法に基づいていくつかのシンタックスシュガーを追加するために、言語の特性を変更しません。ただ、このようにエラーコードのための機会を減らし、コードの可読性を高めるために。
バベルの公式ウェブサイト:https://www.babeljs.cn/
バベルオンラインツール:https://www.babeljs.cn/repl
インストールと設定の手順:
。1 NPM初期化-Y // (自動的にファイルpackage.jsonを生成する)プロジェクトの設定を初期化する 2 NPMインストールする@バベル/コア--save // DEV-インストールされている現在の動作範囲バベル/内コアプラグ 3。 NPMインストールバベル@ / CLI - -save-DEVは、//現在のワークスペースのインストールバベル/にCLIプラグ 4 NPMは、現在のワークスペースのインストールバベル/ PRESET-に// @バベル/ PRESET --save-DEV-ENVをインストールENVプラグ 5 NPMに@バベル/ plyfillをインストール- -save-devを//現在のワークスペースにバベル/ plyfillプラグインをインストール
@バベル/コア:抽象構文木JSにコードを変換するために使用バベルコアキット、
@バベル/ CLI:特定のプラグインコンパイルされたコードの呼び出しを開くために使用バベル足場、
@バベル/プリセット-ENV:バベル特定の分析ES6文法ツールセットは、このコレクションは、新しいAPIを変換しない新しいjsの構文を解析するために使用されます
@バベル/ plyfill:例えば新しいを解析するために使用されるAPIを、バベル:イテレータ、発電機、セット、地図 、プロキシ、リフレクト、シンボル、約束やその他のグローバルオブジェクト、いくつかの定義とメソッド(グローバルオブジェクトにそのようなObject.assign、アレイ.from)。ここではチュートリアルでは、次のとおりです。https://blog.csdn.net/qq_21294095/article/details/88812344
プロフィール.babelrc
このファイルは、トランスコーディング・ルールを設定して接続するときに使用され、以下のように、基本的な形式は次のとおりです。
1 { 2 "プリセット" :[ 3 // コンパイルデフォルトのウィジェット 。4 "バベル/ PRESET-ENV @" 5。 ]、 6。 "プラグイン" [ 7 // 参照外部コンパイラプラグに 8 ] 9 }
テストバベルは、コンパイルされました:
10 = LET; //は、現在の作業index.js間隔でファイルを作成し、この行を書き込み
index.jsをコンパイルするベーベル/ CLIコマンドファイルを使用します
NPXバベルindex.js -o compiled.js
Compiled.jsは、コンパイル後、次のように読み込むファイルを現在のワークスペース内のファイルを追加します。
1「厳格な使用」。 2 3 VAR A = 10。
唯一限り、変更されたソースファイル、コンパイルされたファイルは、自動的に新しいコードを生成しますように、第1の後にコンパイルする必要がある実際のリスニングコンパイル時の実装を、--watch
NPXバベルindex.js -o compiled.js --watch
...つづきます。