JavaScript と es6 の違い: 1. JavaScript は、動的に型付けされ、弱く型付けされた、プロトタイプベースのクライアント側スクリプト言語であり、HTML Web ページに動的関数を追加するために使用されます。es6 は、次の世代の標準です。 JavaScript 言語; 2 、es6 は JavaScript の言語仕様であり、JavaScript は es6 の実装です。
このチュートリアルの動作環境: Windows 10 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
JavaScript とは
JavaScript は動的型、弱い型、プロトタイプのクライアント側スクリプト言語に基づいており、HTML Web ページに動的関数を追加するために使用されます。
動的: 実行時にデータ型を決定します。変数を使用する前に型宣言をする必要はなく、通常、変数の型は割り当てられる値の型になります。
弱いクラス: 計算中に、異なる型間の暗黙的な変換をユーザーに透過的に行うことができ、型が正しくない場合でも、暗黙的な変換を通じて正しい型を取得できます。
プロトタイプ: 新しいオブジェクトはオブジェクトを (テンプレートとして) 継承し、独自のプロパティを新しいオブジェクトと共有します。テンプレート オブジェクトはプロトタイプと呼ばれます。このようにして、新しいオブジェクトがインスタンス化された後、作成時および実行時に定義されたプロパティだけでなく、プロトタイプ オブジェクトのプロパティも利用できるようになります。
ES6 とは
ECMAScript 6.0 (以下、ES6 と呼びます) は、JavaScript 言語の次世代標準です (現在は ES5 標準に続いています)。 2015年6月に発売を発表。その目標は、JavaScript 言語を使用して複雑な大規模アプリケーションを作成できるようにし、エンタープライズ レベルの開発言語になることです。
ES6 の新機能
#ES6 の let コマンドは変数を宣言します。使用法は var と似ていますが、JavaScript では let が新しいです。 . ブロックレベルのスコープ、ES5にはブロックレベルのスコープはなく、varには変数プロモーションの概念がありますが、letでは使用する変数を宣言する必要があります。
ES6 での変数の構造化代入 (例: var [a,b,c] = [0,1,2];
ECMAScript と JavaScript の関係
理由は JavaScript によるものです。作成者である Netscae Corporation の著作権の問題により、ECMAScript を Javascript と呼ぶことはできません。つまり、ECMAScriptとJavaScriptの関係は、前者が後者の仕様(言語仕様)、後者が前者の実装ということになります。拡張知識
ES6 の機能は次のとおりです: 1. ブロックレベルのスコープ キーワード let、定数 const 2. オブジェクト リテラルのプロパティ値の省略表現var obj = { // __proto__ __proto__: theProtoObj, // Shorthand for ‘handler: handler’ handler, // Method definitions toString() { // Super calls return "d " + super.toString(); }, // Computed (dynamic) property names [ 'prop_' + (() => 42)() ]: 42 };
let singer = { first: "Bob", last: "Dylan" }; let { first: f, last: l } = singer; // 相当于 f = "Bob", l = "Dylan" let [all, year, month, day] = /^(dddd)-(dd)-(dd)$/.exec("2015-10-25"); let [x, y] = [1, 2, 3]; // x = 1, y = 2
//Default function findArtist(name='lu', age='26') { ... } //Rest function f(x, ...y) { // y is an Array return x * y.length; } f(3, "hello", true) == 6 //Spread function f(x, y, z) { return x + y + z; } // Pass each elem of array as argument f(...[1,2,3]) == 6
JavaScript ビデオ チュートリアル、Web フロントエンド]
以上がJavaScriptとES6の違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。