どのように多くのJavaScriptを知っている必要があります

何がreactjsとなぜそれはとても人気がありますか？

サチンチャウリヤ・ Nov 3 ' 20・ 2分読む

#javascript #react #webdev

あなたが反応するように学ぶために計画している場合は、反応で何度も繰り返し使用する最新のJavaScript機能を知っている必要があります.
すぐにこれらのトピックの専門家になる必要はありませんが、反応するには、より深いダイビングとして、より多くの場合、これらをマスターする必要があります.

トピックのリスト：

変数

矢印関数

RESTおよびSPEED演算子を使用したオブジェクトと配列

オブジェクトと配列の破壊

テンプレートリテラル

クラス

約束する

非同期/待機

モジュール

変数

変数は、JavaScriptで値を格納するコンテナー以外には、変数に指定された型がありません.変数に値を代入すると、指定した値から型を推論できます.
JavaScriptでは、変数var , let and const .

var a=0;
let b=1;
const NUM=10;

2 .矢印関数

矢印機能はJavaScriptで最も衝撃的な機能の一つです.
それは最も歓迎の変更です.今、あなたはめったに使用しないfunction キーワード.

const myFunction=function(){
//....
}
//to

const myFunction=()=>{
//.....
}

関数本体が単一のステートメントを含む場合は、ブラケットを省略し、それらをすべて1行に書き込むことができます.

const myFunction=()=>doSomething()

矢印関数は暗黙の返り値を持つことができますreturn キーワード.

const myFunction = () => 'test'
myFunction() //'test'

矢印関数で動作する

this それは、コンテキストに応じて多くのさまざまな変化としてJavascriptのモードによって異なりますので、把握するために複雑な概念です.
この関数を明らかにすることは重要である.

3 .剰余演算子を用いたオブジェクトと配列

JavaScriptでは、配列とオブジェクトで動作する2つの現代的なテクニックがあります.

拡がり演算子

休息演算子

別の配列を使って配列を作りたいとしましょう.

const arr1=[1,2,3,4]
const arr2=[...arr1, 5,6,7]

配列のコピーを作成することもできます

const array=[...a]

オブジェクトに対しても同様です.

const newObj={...oldObj}

これは、あなたがstate あなたがオブジェクトを更新する必要がある反応JSで、その時、あなたは最初にオブジェクトをクローン化して、それから特定の部分を更新して、それから最終的に元のオブジェクトに合併します.
the rest は、配列の破壊を扱う際に便利です.

const numbers=[1,2,3,4,5]
[first,second,...others]=numbers

これはあなたがパスするときに便利ですprops to child component 反応JSで.
あなたはrest operator 小道具を分解する.

オブジェクトと配列の破壊

JavaScriptの配列とオブジェクトで動作するように破壊構文を使用する方法を学びます.

const person = {
firstName: 'Sachin',
lastName: 'Chaurasiya',
actor: False,
age: 20 
}
const { firstName: name, age } = person //name: Sachin, age: 20

テンプレートリテラル

それは複雑な文字列を作成する機能を提供するため、テンプレートリテラルは私の個人的な好みです.
テンプレートリテラルの場合は```を使用します.
これは、あなたがstyled components スタイルにあなたの反応コンポーネント.

6 .クラス

Oopsクラスとオブジェクトの世界では、あなたが知っていなければならない概念です.
これはOOPSのチュートリアルではないのでMDN Docs on Class

約束

約束は、JavaScript内の非同期コードを処理する方法です.コードにあまり多くのコールバックを記述することはありません.
More about promises

8 . async / wait

JavaScriptの非同期機能への現代的アプローチ.
JavaScriptはコールバックから約束されるまでの非常に短い時間で進化しました、そしてasync/await 構文.
More About Async/Await

9 . esモジュール

モジュールのモジュールの概念を使用して動作するには、必須です.反応では、この概念を頻繁に動作します.

結論

これらはあなたが反応JSから始めるために学ぶ必要がある最近のJavaScript機能です.あなたはこれらの概念の専門家である必要はありませんでしたが、少なくともこれらに気づいてください.
そして、それはこのトピックのためです.お読みありがとうございます.

接続する

畝