ECMAScript(ES7+ES8+ES9+ES10)新機能–Javascript

フリート管理システム//トラック管理システム

ECMAScript8(ES8)またはECMAScript7(ES7)は、TC39によtc39? Javascriptの進化のための公式委員会である技術委員会39。 この委員会は定期的に会議を行い、通常はメンバーがブラウザベンダーです)。 今の標準は、年に一度新しい仕様を公開することです。 ES5は2009年に公開され、その後、2015年にES6、2016年にES7、2017年にEs8、2018年にEs9、2019年にEs10がメジャーリリースされました。

また読む:CronJ UI UX Design Company

Es7、Es8、Es9、およびEs10の機能:

この記事では、JavaScript ES7、ES8、ES9、およびES10のすべての新機能を利用する方法を学びます。

クラコンストラクタの外部でクラスのプロパティを初期化します!

:

class Animal { constructor() { this.name = "Lion" } age = 0;}That will be complied to: class Animal { constructor() { this.age = 0; this.name = "Lion"; } }Especially react developers can relate easily state! and initialProps!: class Animal { constructor() { this.name = "Lion" } age = 0; state = { } initialProps = { } }

BabelJs。IOは、ecmaのすべての新機能をテストするために使用することができます、あなたはプリセットを設定し、テストすることができます。 ここで実行される例は次のとおりですbabeljs.io 例

ES7ES8の機能

はい、同じように、あなたは今、Javascriptで使用することができます!.

padEnd()と文字列。padStart()関数:

これは、文字列の末尾または先頭に余分な文字を追加するだけの方法です。

padStart()

padStart()メソッドは、結果の文字列が指定された長さに達するように、現在の文字列を別の文字列でパッドします(必要に応じて繰り返されます)。 パディングは、現在の文字列の先頭(左)から適用されます。

:

ES7ES8は、

文字列を備えています。padEnd():

padEnd()メソッドは、結果の文字列が指定された長さに達するように、現在の文字列に指定された文字列をパッドします(必要に応じて繰り返されます)。 パディングは、現在の文字列の末尾(右)から適用されます。例えば

:

ES7ES8の機能

指数演算子:

指数演算子は、最初のオペランドを2番目のオペランドの累乗に上げた結果を返します。 べき乗演算子は右連想です。 a ** b ** ca ** (b ** c)に等しい。

:

ES7ES8の機能

末尾のカンマ:

末尾のカンマは、配列、オブジェクト、および関数のパラメータで使用できます。 さて、これは巨大ではありませんが、最後の余分なものを含めるかどうかは問題ではないアイテムの束をリストしている場合は、閉じたり、コンマを終

:

var list = var obj = { one: "1", two: "2", three: "3", // It is valid}function add( one, two, three, // It is valid) {}

オブジェクト。値()とオブジェクト。エントリ():

これは、パラメータ名と実際のフィールド名と、それぞれ値またはエントリのいずれかによってそれらに関連付けられた実際の値を取得できる辞書のようなオブジェクトを扱う方法です。

オブジェクト。values()

あなたはオブジェクトに精通しています。キー()。 これはオブジェクトの正反対です。キー()。

:

var fruits = { apple: 10, orange: 20, grapes: 30, pineapple: 40 }var totalVegetables = Object.values(fruits).reduce((a, b) => a + b);console.log(totalVegetables);

出力:100

オブジェクト。エントリー()

Object.entries() このメソッドは、指定されたオブジェクトの独自の列挙可能なプロパティペアの配列を返します。

:

var fruits = { apple: 10, orange: 20, grapes: 30, pineapple: 40}for (var of Object.entries(fruits)) { console.log(key, val);}

出力:

リンゴ10
オレンジ20
ブドウ30
パイナップル40

プロトタイプ。includes()

これは、配列に値が含まれているかどうかを判断するための単なる別の配列関数です。

非同期関数

es8には非同期関数がありますが、これも大規模な新機能です。 非同期関数は、並列に動作し、複数の関数をすべて同時に実行できるようにする代わりに、同期的な関数を次々と動作させない関数です。

オブジェクト。getOwnPropertyDescriptors()

そのエンティティのすべてのオブジェクトの大きな文字列の説明を出力する方法として。

ES9の機能:

正規表現の変更

だから、これは正規表現の変更です,正直に言うと,私は個人的に可能な限り正規表現を使用して好きではないと私は実際にそれらをあまりにも多くを使用する必要はありませんので、私たちは本当にそんなに正規表現の変更をカバーすることはありませんが、あなたが超興味を持っている場合は、間違いなくそれらをチェックすることができますES9はサポートの束を追加しました.

Rest/Spreadプロパティ

これらは本当にクールです三つの省略記号を使用して値の範囲を本質的に構築することができますこれにより、コンパイラーは一連の値で次に来る値を解釈することができます。

非同期イテレーション

これは実際には最後の大きなものであり、非同期機能にもっと強力なサポートを提供します。

ES10の特長:

だから、Chromeバージョン72はちょうどロールアウトし、いくつかの新しいエキサイティングなES10は、開発者が使用するためのブラウザにES2019機能ですので、ES10でどのような新機能を持っているかを見てみましょう。

flat()

flat()とflatmap()で始まるので、下の画像のような配列がある場合、これはコンソールだけで見ることができます。これを記録すると、ネストされた配列がたくさんあります。したがって、この配列全体を平坦化したい場合は、再帰を使用するか、何らかのアルゴリズムを使用して何かを行う必要があることを知っています。

幸いなことに、JavaScriptはデフォルトでそれを利用して提供しています。flat()は、指定したレベルまで配列を再帰的に平坦化します。 だから、flat()。

レベルを指定するだけで、2回行うと1つのレベルに平坦化され、2つのレベルに平坦化されます。 配列全体を平坦化したい場合は、無限大を渡すだけで、配列全体をネストされた配列からよりきれいな方法に平坦化します。

flatmap()

同様に、map Xを実行し、コンソールの場合は(x,x*2)としましょう。結果をログに記録すると、下の画像に示すような配列がネストされていることがわかります。

しかし、そこにflatmap()を作成する場合、結果に最適なflaten配列が得られませんでした。

オブジェクト。fromentries()

第二に来て、私たちはオブジェクトを持っています。fromentries()これは基本的にobject dot entriesから知っていますが、key-value rightの配列のこれらの素敵な小さなキーと値のペアを作成することができますが、form entriesのobjectを使用して、元の

オブジェクトをこの特定の配列から元の

オブジェクトを元のオブジェクトに戻すことができます。

trimstart()と文字列。trimend()

これもまた、私たちの3番目の数字につながります。trimstart()と.trimend()。 したがって、長いスペースを持つ文字列がある場合は、先に進んで

console.log(string.trimstart())

を実行して保存を押すことができます。

彼らは実際に見てみましょうちょうどjsonドットstringifyこれを見てみましょう私たちはスペースを見ることができるように、あなただけのbackspacesが同様に残っていますあなたがトリムエンドを持っている場合は、あなただけのフロントスペースが残っていると、あなただけのトリムを持っている場合は、すべてのあなたのスペースがなくなっている見ているつもりです

オプションのcatchバインディング

これは、try-catchのためのオプションのバインディングに私たちをもたらします。あなたがそれを望んでいない場合は、ここでエラーをキャッチするので、ここで新しいエラーをスローすると、かなりそれにアクセスできます そこにエラーを使用しています。

しかし、どういうわけかあなたがそれを望んでいないなら、あなたはちょうど先に行くとちょっと何かが間違っていたので、これは完全に問題ではあなこんにちがいないようなものを利用するのは自由です。こんにちは、

toString()

ES9も関数を修正します。toString()メソッドなので、

関数my function hereがあり、console dot log of my functionを実行すると、2つの文字列が表示されますその特定の関数の元のソースコード以前これらの空白これらの新しい行がありますここでコマンドがあった場合、これらはコンソールを実行すると削除されます。私の関数のドアを文字列に記録しますが、今はそれらが保持されており、あなたが書いた関数の元のソースコードをかなり取り戻します。

説明

シンボル記述ゲッターである次の提案に戻ります。 だから最近、あなたがしなければならないことは、シンボルを比較したい場合は、それを文字列に変換してからシンボルで比較し、あなたの説明が正

あなたが右そこにシンボルを追加するために見てみると、それは基本的に単なるシンボルであることがわかりますので。 しかし、今あなたができることは、symを使ってシンボルの説明にアクセスすることです。これが最初に渡された説明と等しいかどうかを確認することができます。

ReactJs開発、NodeJs開発、AngularJS開発のための無料予算見積もりレポートを探しています。?

コメントを残す

メールアドレスが公開されることはありません。

Previous post ニュージーランドの南島の周りの7日のロードトリップは、地球上で最も美しい場所の一つを見るための最良の方法です
Next post Falloutからの完全なダイヤモンドシティラジオプレイリスト4