JavaScriptを?qū)W習(xí)するときの基本の1つは、変數(shù)の使用方法を理解することです。変數(shù)は、可能なすべてのタイプの値のコンテナです。番號(hào)、文字列、または配列（データ型を參照）。すべての変數(shù)は、後でアプリケーション內(nèi)で使用できる名前を取得します（例：その値を読むため）。

この簡単なヒントでは、変數(shù)の使用方法とさまざまな宣言の違いを?qū)Wびます。

キーテイクアウト

JavaScriptの

変數(shù)は、「var」、「let」、または「const」キーワードを使用して宣言されます。 「var」は機(jī)能スコープされ、「let」はブロックスプープされ、「const」はブロックスコープされていますが、初期化後には再割り當(dāng)てすることはできません。

宣言、初期化、および割り當(dāng)ては、可変使用量の3つの異なるステップです。宣言は新しい変數(shù)を?qū)毪?、初期化は初めて値を割り?dāng)て、割り當(dāng)ては変數(shù)に特定の値を與えます。
• ホイストは、コンパイルフェーズ中に変數(shù)と関數(shù)宣言がスコープの上部に移動(dòng)するJavaScriptメカニズムです。ただし、初期化ではなく、宣言のみが巻き上げられます。 「var」は、巻き上げのために宣言の前にアクセスした場合、「未定義」を返します?！竘et」と「const」はエラーを投げます。
• 宣言、初期化、割り當(dāng)て
の違い
• さまざまな宣言の學(xué)習(xí)を開始する前に、変數(shù)のライフサイクルを見てみましょう。

宣言：変數(shù)は、対応するスコープ內(nèi)の特定の名前を使用して登録されます（以下で説明します - 例：関數(shù)內(nèi)）。

初期化：変數(shù)を宣言すると、自動(dòng)的に初期化されます。これは、JavaScriptエンジンによって変數(shù)にメモリが割り當(dāng)てられることを意味します。 割り當(dāng)て：これは、特定の値が変數(shù)に割り當(dāng)てられる場合です。

宣言タイプ
2. 注：Varhasは最初のReast以來JavaScriptで利用可能ですが、Letand ConstはES6（ES2015）などでのみ利用可能です。ブラウザの互換性については、このページを參照してください。
var

構(gòu)文：

例：

これにより、エラーリファレンスエラーが発生します：Helloは定義されていません。変數(shù)Helloは関數(shù)Sayhello內(nèi)でのみ利用可能であるためです。ただし、変數(shù)はグローバルに宣言されるため、次のものが機(jī)能します。

let

<span>var x; // Declaration and initialization
</span>x <span>= "Hello World"; // Assignment
</span>
<span>// Or all in one
</span><span>var y = "Hello World";
</span>

構(gòu)文：

<span>var x; // Declaration and initialization
</span>x <span>= "Hello World"; // Assignment
</span>
<span>// Or all in one
</span><span>var y = "Hello World";
</span>

letは、現(xiàn)代のjavascriptのvarの子孫です。その範(fàn)囲は、囲まれた関數(shù)だけでなく、その囲まれたブロックステートメントにも限定されます。ブロックステートメントは、{および}內(nèi)部のすべてです（たとえば、條件またはループの場合）。変數(shù)はより小さな範(fàn)囲內(nèi)でのみ利用可能であるため、それはエラーの可能性を減らすことです。

例：

<span>function sayHello(){
</span>  <span>var hello = "Hello World";
</span>  <span>return hello;
</span><span>}
</span><span>console.log(hello);
</span>

これにより、エラーリファレンスエラーが発生します。Helloは、Helloが囲み込みブロック內(nèi)でのみ利用可能であるため、この場合はIF條件でのみ使用できます。ただし、以下は機(jī)能します

const

<span>var hello = "Hello World";
</span><span>function sayHello(){
</span>  <span>return hello;
</span><span>}
</span><span>console.log(hello);
</span>

構(gòu)文：

技術(shù)的には定數(shù)は変數(shù)ではありません。定數(shù)の特殊性は、それを宣言するときに値を割り當(dāng)てる必要があり、それを再割り當(dāng)てする方法がないということです。 constは、letのように、囲まれたブロックの範(fàn)囲に限定されます。

<span>let x; // Declaration and initialization
</span>x <span>= "Hello World"; // Assignment
</span>
<span>// Or all in one
</span><span>let y = "Hello World";
</span>

定數(shù)は、上書きしようとするときにエラーによって通知されるため、アプリケーションの実行時(shí)間中に値を変更してはならない場合は定數(shù)を使用する必要があります。

偶発的なグローバル創(chuàng)造

上記のすべての名前の宣言をグローバルコンテキスト（つまり、任意の関數(shù)の外側(cè)）に記述できますが、関數(shù)內(nèi)であっても、割り當(dāng)ての前にvar、letまたはconstを記述するのを忘れた場合、変數(shù)は自動(dòng)的にグローバルになります。

例：

上記は、課題の前に宣言がないため、hello worldをコンソールに出力します。したがって、変數(shù)はグローバルに利用可能です。

<span>var name = "Peter";
</span><span>if(name === "Peter"){
</span>  <span>let hello = "Hello Peter";
</span><span>} else {
</span>  <span>let hello = "Hi";
</span><span>}
</span><span>console.log(hello);
</span>

注：誤ってグローバル変數(shù)を宣言しないようにするには、厳密なモードを使用できます。

巻き上げと時(shí)間的デッドゾーン

varとlet/constの別の違いは、変數(shù)巻き上げに関連しています。変數(shù)宣言は、常に現(xiàn)在の範(fàn)囲の上部に內(nèi)部的に巻き上げられます（移動(dòng)）されます。これは、次のことを意味します：

は次のとおりです

この動(dòng)作の兆候は、両方の例がコンソールに定義されていないログを記録することです。 var Helloの場合。必ずしも上にあるとは限りません。それは參照エラーを投げます。

<span>var name = "Peter";
</span><span>if(name === "Peter"){
</span>  <span>let hello = "Hello Peter";
</span>  <span>console.log(hello);
</span><span>} else {
</span>  <span>let hello = "Hi";
</span>  <span>console.log(hello);
</span><span>}
</span>

Hoistingと呼ばれるこの動(dòng)作は、varおよびconstにも適用されます。上記のように、宣言の前にvar変數(shù)にアクセスすると、これはJavaScriptが初期化するときに割り當(dāng)てる値であるため、未定義に戻ります。

ただし、宣言の前にlet/const変數(shù)にアクセスすると、エラーが発生します。これは、コードでの宣言の前にアクセスできないという事実によるものです。変數(shù)の範(fàn)囲に入ってから宣言に到達(dá)するまでの期間は、時(shí)間的デッドゾーンと呼ばれます。つまり、変數(shù)にアクセスできない期間です。

<span>const x = "Hello World";
</span>

JavaScript変數(shù)スコープと巻き上げを分類する記事の巻き上げの詳細(xì)については、詳細(xì)を読むことができます。

結(jié)論

エラーに対する感受性を低下させるには、constを使用し、可能な場合はいつでも許可する必要があります。本當(dāng)にVARを使用する必要がある場合は、宣言をスコープの一番上に移動(dòng)するようにしてください。 JavaScript変數(shù)宣言に関するよくある質(zhì)問（FAQ）

javascriptの変數(shù)宣言と初期化の違いは何ですか？

javascriptでは、変數(shù)宣言と初期化は、変數(shù)を使用するプロセスの2つの異なるステップです。宣言は、プログラムに新しい変數(shù)を?qū)毪工毳抓恁互工扦埂?var、let、またはconstキーワードを使用して行われます。たとえば、xとしましょう。ここでは、xは宣言されていますが、定義されていません。 「ねえ、Xという名前の変數(shù)を使用するつもりです」と言っているようなものです。一方、初期化は、宣言された変數(shù)に最初に値を割り當(dāng)てるプロセスです。たとえば、x = 5;ここでは、xは値5で初期化されます。プログラムに「以前に語った変數(shù)X？値は5です。 "

JavaScriptで初期化せずに変數(shù)を宣言できますか？値を割り當(dāng)てずに変數(shù)を宣言すると、JavaScriptは未定義の値を自動(dòng)的に割り當(dāng)てます。たとえば、このような変數(shù)を宣言する場合：そして、コンソールにXをログに記録してみてください。xが宣言されたが初期化されていないため、未定義になります。 JavaScript、最初に宣言せずに変數(shù)を使用すると、參照エラーが取得されます。これは、JavaScriptを使用する前に変數(shù)について知る必要があるためです。宣言されていない変數(shù)を使用しようとすると、JavaScriptはあなたが參照しているものを知らず、エラーをスローします。たとえば、最初にxを宣言せずにxをコンソールにログに記録しようとすると、參照エラー：xが定義されていません。 javascript、var、let、およびconstのすべてが変數(shù)を宣言するために使用されますが、異なる動(dòng)作があります。 VARは機(jī)能スコープされています。つまり、VARで宣言された変數(shù)が宣言された関數(shù)內(nèi)で利用可能です。Letとconstはブロックスコープされています。つまり、宣言されたブロック內(nèi)でのみ使用可能です。さらに、constは定數(shù)を宣言する、または初期化された後に再割り當(dāng)てできない変數(shù)を宣言します。最初は宣言しました。 VARを使用して変數(shù)を宣言した場合、それを再作成することができます。ただし、LETまたはconstを使用して変數(shù)を宣言した場合、同じ範(fàn)囲內(nèi)でそれを再作成することはできません。そうしようとすると、syntaxerrorがなります

javascriptで巻き上げられているのは何ですか？

巻き上げは、コンパイルフェーズ中に変數(shù)と関數(shù)宣言が含まれる範(fàn)囲の上部に移動(dòng)されるJavaScriptメカニズムです。これは、変數(shù)が宣言される前に変數(shù)と関數(shù)を使用できることを意味します。ただし、初期化ではなく、宣言のみが巻き上げられます。変數(shù)が使用後に宣言され、初期化された場合、変數(shù)は未定義になります。コード內(nèi)からアクセスできます。 VARで宣言された変數(shù)には関數(shù)範(fàn)囲があります。つまり、宣言されている関數(shù)內(nèi)のどこにでもアクセスできます。Letとconstで宣言された変數(shù)は、ブロックスコープを持っています。つまり、宣言されたブロック內(nèi)でのみアクセスできます。 >

javascriptのnullと未定義の違いは何ですか？

javascriptでは、nullと未定義はどちらも値の欠如を表す特別な値です。ただし、わずかに異なる方法で使用されます。未定義は、宣言されたが初期化されていない変數(shù)に割り當(dāng)てられた値です。一方、nullは、値またはオブジェクトを表す値またはない値です。

JavaScriptの変數(shù)名で特殊文字を使用できますか？彼らは、手紙、アンダースコア、またはドル記號(hào)から始めなければなりません。 ！、 @、＃、％などのような特殊文字は、変數(shù)名では許可されていません。関數(shù)またはブロックの外で宣言されています。関數(shù)やブロックに結(jié)び付けられていないため、コードのどこからでもグローバル変數(shù)にアクセスできます。ただし、グローバル変數(shù)は、競合の命名に関する問題につながる可能性があり、可能な場合は一般的に避けるのが最善です。

以上がクイックヒント：JavaScriptで変數(shù)を宣言する方法の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。