[JS]最新文法、自分の優先順位

Ellisが推奨するJavaScriptの最新構文

1.変数を定義するvar->const&let

varはパラメータや定数を簡単に変更できるため、コラボレーション中に変更が頻繁に発生し、作業がうまくいかないことがあります.

var a = 3;
//3
a = 4;
//4

constまたはletを使用します
これらの友人たちの特徴は変更できない種目の粘り強さですconstは、変数を再宣言したり、変数を再割り当てしたりすることはできません.

const a = 3;
a = 4; // error 
const a = 4; // error

letは、変数を再割り当てすることができる.

let a = 1;
a = 2;
let a = 3; //변수 재할당은 가능함!

そのため、letはfor문で多く使われています.
よく勉強するには、このリンクを参考にしてください.

2.Template文字/気楽に付き合う

式を許可する文字列変数
文字列で使用する式を${}としてマークします.
backticの使用
ex)一般文字列

console.log("나는 오늘 " + food + "를 먹어야겠어");

引用符とプラス記号の組み合わせは非常に混同されやすい
ex) Template literals

console.log(`당신의 이름은 ${name}이로군요!`);

自然入力、複数の引用符とプラス記号なし
コードの作成と表示が容易

3.MAPメソッド

配列内の要素順序を使用して関数を実行し、新しい配列を返す方法

駐車テストで対応するラベル構造を印刷させてもらい、ワクワクしましたが、正しいのか・・・

const Number = ({data}) => {
    return(
        <div>
            <p>{data[0]} </p>
            <p>{data[1]} </p>
            <p>{data[2]} </p>
        </div>
    )

このように書きました.でもMapメソッドを使えばこんなにきれいに書ける結果値は同じです.

    return (
        <div>
            {data.map((value)=> {
                return <p> {value} </p>
            })}
        </div>

この配列を1つずつ読むことで親近感を表現する地図法をきちんと使えば、体はそれほど苦労しません.
実はすべてとても重要です他は丁寧に処理します.