var vs letとconst ;パイとして簡単

JavaScriptを学習している場合は、おそらく変数を宣言する3つの方法を見てきた.このガイドでは、' var '、' let 'と' const 'の動作の深さを見て表示されます.その後、適切かつ自信を持って変数を設定されます.

…のために

' let 'と' const 'にはES 6 ( ECMA script 6 )があります.これは2015年にリリースされた最新のJavaScriptの標準化です.ES 5は2011年に発売されました.ReadとVueのような現代のJavaScriptフレームワークはES 6を利用する.だから、ES 6バスに乗ってジャンプするのに最適な時間です.
' var 'と' let 'と' const 'を使うのは簡単です.

var pie = 'apple'
let pie = 'apple'
const pie = 'apple'

VAR - Yファニー

見てみましょう' var 'の動作方法を参照してください.varは、それが入っている関数全体にスコープを付けます.

function count() {
  for (var i = 0; i < 3; i++) {
    if (true) {
      console.log(i);
    }
  }
  console.log(i);
}
count();

あなたは、我々のコンソールで何が間違っているかについて見ることができますか?
7行目の2番目のコンソール.log ( i )は私が3に等しいと言います.これはループのために私たちのループは、3ループを打つ停止する必要がありますので、問題です.その代わりに、私たちの' var '全体のカウント機能にスコープされます.
我々の' var 'をループに変えてみると、

function count() {
  for (let i = 0; i < 3; i++) {
    if (true) {
      console.log(i);
    }
  }
  console.log(i);
}
count();

2番目のコンソールでreferenceerrorを取得しました.log ( i )これは実際に我々が望むものです.forループの外では、親関数はiという名前の関数を宣言することを気にしてはいけません.なぜなら、' let 'は生存しているコードブロックにスコープされているからです「コンスト」も同様だ.」' var 'はトリッキーなので、それが関数のスコープであり、また、ウィンドウに設定された変数と衝突することができます.言い換えると、同じものという2つの変数がプログラムのエラーを引き起こすでしょう.
あなたが知らないならば、舞台裏オブジェクトの1トンをホストするウインドウオブジェクトがあります.あなたのWebブラウザ上でコンソールを開いて、それをすべて見るために、ウインドウでタイプしてください.

Varsをどこでも使っているなら、ウィンドウを利用するより大きなアプリケーションで働くいくつかのエラーがあると想像できます.
だからうまくいけば、なぜそれが';let ';と';const ';と変数を設定するに固執するために最善の練習だかを開始することができます.

掘りましょう

' let 'を推測している可能性がありますプログラムは、それの値を更新することができます.

let pie = 'apple'
//...
pie = 'pecan'
console.log(pie)

ここではパイという変数を宣言し、それを文字列のAppleに設定します.後に我々のアプリでは、問題なしでペカンにパイ変数を更新しました.コンソールロギングパイは、我々がペカンパイを持つように設定されていることを示します.ああ!

私は食事を停止します。

letの代わりに' const 'と同じコンソールを試してみましょう.

const pie = "apple";
pie = "pecan";
console.log(pie);

まあ私たちのパイ.それはパイが決して' const 'で宣言することによって'アップル'の値を更新しないと言うからです.そして、これは良いことです!私たちの変数は、将来の変更に対してそれ自体を保護しています.アップルパイは最高のパイで、決して取り替えてはいけません.ディー
' const 'は、キャッチされたTypeErrorをスローして、変数を安全にガードします.

ゴミ箱で' var 'をscrapeすることはできますか？

JavaScriptはなぜ' var 'を取り出して' let 'と置き換えますか?それは良い質問ですが、答えは絶対的なカオスであるということです.すべてのウェブサイトとアプリをレガシーコードで' var 'を利用してください.' var 'のサポートを削除するだけで誰にとっても悪夢です.だから、母の巨大なpapier - m - esch ch七面鳥目玉のように、それは完全なコース食事のためにとどまります.

TLドギーバッグ版

あなたがそれが更新される変数のためにokであると言うとき、使いましょう.
' const 'は、変数が更新されるべきでないときに使用するのに最適です.
' let 'と' const 'は、彼らが住んでいるコード・ブロックにスコープされます.
' var 'を使用すると、1週間放置されているパイから一口を取るようなものです.どんなブロックがそれにもかかわらず、それは機能全体にスコープされます.だから、おそらくそれを使用して、古いパイを食べて問題があるだろう.
' let 'と' const 'を使用する習慣を取得します.それはJavaScript開発者としてあなたのキャリアの中にいくつかの頭痛を保存します.

デザートをどうぞ。

ループ内の変数(または関数へのコードブロック)を更新したい場合はどうしますか?ケーキの部分は、関数の最初に変数を宣言します.

function chowDown() {
  let capacity = "empty";
  let inches = 42;
  for (let i = 0; i <= inches; i++) {
    if (i == inches) {
      capacity = "full";
    }
  }
  console.log("my belly is now " + capacity);
}
chowDown();

Priscilla Du PreezのUnsplashによる写真