學(xué)習(xí)JavaScript時(shí)，基本知識(shí)之一是了解如何使用變量。變量是所有可能類型的值的容器，例如數(shù)字，字符串或數(shù)組（請(qǐng)參閱數(shù)據(jù)類型）。每個(gè)變量都會(huì)獲取一個(gè)名稱，該名稱以后可以在您的應(yīng)用程序中使用（例如讀取其值）。

在此快速提示中，您將學(xué)習(xí)如何使用變量和各種聲明之間的差異。

鑰匙要點(diǎn)

JavaScript中的

>變量使用“ VAR”，“ LET”或“ CONST”關(guān)鍵字聲明，每個(gè)關(guān)鍵字都有其自己的范圍和用法。 “ var”是函數(shù)分配的，“讓”是塊劃分的，而“ const”是塊分割的，但在初始化后不能重新分配。
• >
>聲明，初始化和分配是可變用法的三個(gè)不同步驟。聲明引入了一個(gè)新變量，初始化首次分配了一個(gè)值，分配給了變量。
• >。
提升是一種JavaScript機(jī)制，在編譯階段，可變和函數(shù)聲明移至其范圍的頂部。但是，只有聲明被提升，而不是初始化。 “ var”將返回“未定義”，如果在升起的聲明之前訪問(wèn)，而“讓”和“ const”丟棄了錯(cuò)誤。
• >
聲明，初始化和分配

之間的差異

>在我們開(kāi)始學(xué)習(xí)各種聲明之前，讓我們看看變量的生命周期。

>聲明：該變量使用相應(yīng)范圍內(nèi)的給定名稱進(jìn)行注冊(cè)（如下所述 - 例如，函數(shù)內(nèi)部）。

1. >初始化：當(dāng)您聲明變量時(shí)，它將自動(dòng)初始化，這意味著記憶是由JavaScript引擎分配的。
分配：這是將特定值分配給變量的時(shí)候。>
>聲明類型

注意：雖然Varhas自從JavaScript以來(lái)就可以在其初始相對(duì)以來(lái)可用，但Letand Const僅在ES6（ES2015）及以上可用。請(qǐng)參閱此頁(yè)面以獲取瀏覽器的兼容性。

var

>語(yǔ)法：

>此聲明可能是最流行的，因?yàn)橹钡絜cmascript 6才有選擇。在封閉函數(shù)的范圍內(nèi)，用VAR聲明的變量可用。如果沒(méi)有封閉功能，則它們?cè)谌蚍秶鷥?nèi)可用。

>示例：

<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>

>這將導(dǎo)致錯(cuò)誤參考eRROR：Hello未定義，因?yàn)樽兞縃ello僅在函數(shù)sayhello中可用。但是以下內(nèi)容將起作用，因?yàn)樽兞繉⒃谌蚍秶鷥?nèi)聲明 - 在同一范圍控制臺(tái)中。

>

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

>語(yǔ)法：

<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>

>讓我們的后代是現(xiàn)代JavaScript中的VAR的后代。它的范圍不僅限于封閉功能，還限于其封閉塊語(yǔ)句。塊語(yǔ)句是{and}內(nèi)部的所有內(nèi)容（例如條件或循環(huán)）。 LET的好處是它減少了錯(cuò)誤的可能性，因?yàn)樽兞績(jī)H在較小的范圍內(nèi)可用。

>示例：

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

>這將導(dǎo)致錯(cuò)誤參考文獻(xiàn)：Hello未定義為Hello僅在封閉塊內(nèi)部可用 - 在這種情況下為IF條件。但是以下將起作用：

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

const

>語(yǔ)法：

從技術(shù)上講，常數(shù)不是變量。常數(shù)的特殊性在于，您需要在聲明值時(shí)分配一個(gè)值，并且無(wú)法重新分配值。 const限于封閉塊的范圍，例如let。

<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>

每當(dāng)在應(yīng)用程序運(yùn)行時(shí)間內(nèi)不得更改值時(shí)，都應(yīng)使用

>常數(shù)，因?yàn)樵噲D覆蓋它們時(shí)會(huì)被錯(cuò)誤通知您。

意外的全局創(chuàng)建

>您可以在全局上下文（即在任何函數(shù)之外）中編寫(xiě)上述所有命名聲明，但是即使在函數(shù)中，如果您忘記在作業(yè)之前寫(xiě)下var，let或const，則變量將自動(dòng)為全局。

>示例：

上面的將向控制臺(tái)輸出Hello World，因?yàn)樽鳂I(yè)Hello =之前沒(méi)有聲明，因此該變量在全球范圍內(nèi)可用。

<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>

注意：要避免意外聲明全局變量，您可以使用嚴(yán)格的模式。>

升起和時(shí)間死區(qū)

> var和let/const之間的另一個(gè)區(qū)別與變量吊裝有關(guān)。在內(nèi)部（移動(dòng)）將始終將變量聲明升級(jí)到當(dāng)前范圍的頂部。這意味著以下內(nèi)容：

>

等效于：

<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>

>表明此行為的指示是兩個(gè)示例都將未定義為控制臺(tái)。如果var hello;并非總是最重要的，它會(huì)引起參考。

>

>這種稱為提升的行為適用于VAR，也適用于LET/CONS。如上所述，訪問(wèn)var變量在聲明之前將返回未定義，因?yàn)檫@是JavaScript初始化時(shí)分配的值。

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

>但在聲明之前訪問(wèn)let/const變量會(huì)丟失錯(cuò)誤。這是由于他們?cè)诖a中聲明之前無(wú)法訪問(wèn)它們。輸入變量范圍和達(dá)到其聲明之間的時(shí)期稱為時(shí)間死區(qū) - 即無(wú)法訪問(wèn)該變量的時(shí)期。

>您可以在文章中閱讀有關(guān)提升的更多信息，以揭開(kāi)JavaScript變量范圍和提升。

結(jié)論

要減少應(yīng)使用const的錯(cuò)誤易感性，并盡可能讓。如果您確實(shí)需要使用VAR，請(qǐng)確保將聲明移至范圍的頂部，因?yàn)檫@避免了與吊裝相關(guān)的不必要的行為。

經(jīng)常詢問(wèn)有關(guān)JavaScript變量聲明的問(wèn)題（常見(jiàn)問(wèn)題解答）

>在JavaScript中，在JavaScript中的變量聲明和初始化之間有什么區(qū)別，在JavaScript中，變量聲明和初始化是使用變量的兩個(gè)不同步驟。聲明是向程序引入新變量的過(guò)程。它是使用VAR，LET或CONST關(guān)鍵字完成的。例如，令x;在這里，X被聲明但未定義。這就像告訴程序：“嘿，我要使用一個(gè)名為X的變量?！绷硪环矫?，初始化是第一次將值分配給聲明變量的過(guò)程。例如，x = 5;在這里，x用值5初始化。這就像告訴程序，“我之前告訴您的變量X？它的值為5。”

>我可以在javascript中初始化它的變量嗎？當(dāng)您聲明變量而不為其分配值時(shí)，JavaScript會(huì)自動(dòng)分配未定義的值。例如，如果您聲明這樣的變量：讓x;然后嘗試將X登錄到控制臺(tái)，您會(huì)變得不確定，因?yàn)閄已被聲明但未初始化。

>如果我在javascript中使用變量而不在JavaScript中使用變量？ JavaScript，如果您使用變量而不先聲明變量，則會(huì)獲得參考。這是因?yàn)镴avaScript需要在使用變量之前就知道它。如果您嘗試使用尚未聲明的變量，則JavaScript不知道您指的是什么并引發(fā)錯(cuò)誤。例如，如果您嘗試將X記錄到控制臺(tái)而不先聲明x，則您將獲得一個(gè)參考：x未定義。

> var，let和const在JavaScript變量中有什么區(qū)別javaScript，var，let and const中的？

都用于聲明變量，但它們具有不同的行為。 var是函數(shù)分配的，這意味著聲明帶有var的變量在其聲明的函數(shù)中可用。讓和const被塊分組，這僅在其聲明的塊中可用。此外，const也用于聲明常數(shù)，或在初始化后無(wú)法重新分配的變量。

>

>我可以在javascript中重新計(jì)算一個(gè)變量嗎？

> javaScript中的提升是什么？這意味著您可以在聲明變量和函數(shù)之前使用它們。但是，只有聲明被提升，而不是初始化。如果使用后聲明并初始化了變量，則該變量將不確定。

>

> javascript中變量的范圍是什么？可以從您的代碼中訪問(wèn)。用VAR聲明的變量具有功能范圍，這意味著它們可以在聲明的功能中訪問(wèn)任何位置。用LET和const聲明的變量具有塊范圍，這意味著只能在其聲明的塊中訪問(wèn)它們。 >

在JavaScript？>我可以在JavaScript中使用特殊字符？他們必須從信件，下劃線或美元符號(hào)開(kāi)始。在變量名稱中不允許使用諸如！， @，＃，％等的特殊字符。

> javascript中的全局變量是什么？在任何功能或塊之外聲明。由于它與函數(shù)或塊沒(méi)有綁定，因此可以從代碼中的任何地方訪問(wèn)全局變量。但是，全球變量可能會(huì)導(dǎo)致命名沖突的問(wèn)題，并且通常在可能的情況下最好避免。

>

以上是快速提示：如何在JavaScript中聲明變量的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！