首頁 > web前端 > js教程 > 快速提示:如何在JavaScript中聲明變量

快速提示:如何在JavaScript中聲明變量

Jennifer Aniston
發布: 2025-02-17 09:19:08
原創
427 人瀏覽過

快速提示:如何在JavaScript中聲明變量

學習JavaScript時,基本知識之一是了解如何使用變量。變量是所有可能類型的值的容器,例如數字,字符串或數組(請參閱數據類型)。每個變量都會獲取一個名稱,該名稱以後可以在您的應用程序中使用(例如讀取其值)。

在此快速提示中,您將學習如何使用變量和各種聲明之間的差異。

鑰匙要點

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

>在我們開始學習各種聲明之前,讓我們看看變量的生命週期。

快速提示:如何在JavaScript中聲明變量

>聲明:該變量使用相應範圍內的給定名稱進行註冊(如下所述 - 例如,函數內部)。
  1. >初始化:當您聲明變量時,它將自動初始化,這意味著記憶是由JavaScript引擎分配的。
  2. 分配:這是將特定值分配給變量的時候。 >
  3. >聲明類型
注意:雖然Varhas自從JavaScript以來就可以在其初始相對以來可用,但Letand Const僅在ES6(ES2015)及以上可用。請參閱此頁面以獲取瀏覽器的兼容性。

var

>語法:

>此聲明可能是最流行的,因為直到ecmascript 6才有選擇。在封閉函數的範圍內,用VAR聲明的變量可用。如果沒有封閉功能,則它們在全球範圍內可用。

>示例:
<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>
登入後複製
登入後複製

>這將導致錯誤參考eRROR:Hello未定義,因為變量Hello僅在函數sayhello中可用。但是以下內容將起作用,因為變量將在全球範圍內聲明 - 在同一範圍控制台中。

>
<span>function sayHello(){
</span>  <span>var hello = "Hello World";
</span>  <span>return hello;
</span><span>}
</span><span>console.log(hello);
</span>
登入後複製
登入後複製
>語法:

<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>
登入後複製
登入後複製

>讓我們的後代是現代JavaScript中的VAR的後代。它的範圍不僅限於封閉功能,還限於其封閉塊語句。塊語句是{and}內部的所有內容(例如條件或循環)。 LET的好處是它減少了錯誤的可能性,因為變量僅在較小的範圍內可用。

>示例:

<span>function sayHello(){
</span>  <span>var hello = "Hello World";
</span>  <span>return hello;
</span><span>}
</span><span>console.log(hello);
</span>
登入後複製
登入後複製
>這將導致錯誤參考文獻:Hello未定義為Hello僅在封閉塊內部可用 - 在這種情況下為IF條件。但是以下將起作用:

<span>var hello = "Hello World";
</span><span>function sayHello(){
</span>  <span>return hello;
</span><span>}
</span><span>console.log(hello);
</span>
登入後複製
const

>語法:

從技術上講,常數不是變量。常數的特殊性在於,您需要在聲明值時分配一個值,並且無法重新分配值。 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>
登入後複製
每當在應用程序運行時間內不得更改值時,都應使用

>常數,因為試圖覆蓋它們時會被錯誤通知您。

意外的全局創建

>您可以在全局上下文(即在任何函數之外)中編寫上述所有命名聲明,但是即使在函數中,如果您忘記在作業之前寫下var,let或const,則變量將自動為全局。

>示例:

上面的將向控制台輸出Hello World,因為作業Hello =之前沒有聲明,因此該變量在全球範圍內可用。
<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>
登入後複製

注意:要避免意外聲明全局變量,您可以使用嚴格的模式。 >

升起和時間死區

> var和let/const之間的另一個區別與變量吊裝有關。在內部(移動)將始終將變量聲明昇級到當前範圍的頂部。這意味著以下內容:
>

等效於:

<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>
登入後複製
>表明此行為的指示是兩個示例都將未定義為控制台。如果var hello;並非總是最重要的,它會引起參考。

>

>這種稱為提升的行為適用於VAR,也適用於LET/CONS。如上所述,訪問var變量在聲明之前將返回未定義,因為這是JavaScript初始化時分配的值。
<span>const x = "Hello World";
</span>
登入後複製

>但在聲明之前訪問let/const變量會丟失錯誤。這是由於他們在代碼中聲明之前無法訪問它們。輸入變量範圍和達到其聲明之間的時期稱為時間死區 - 即無法訪問該變量的時期。

>您可以在文章中閱讀有關提升的更多信息,以揭開JavaScript變量範圍和提升。

結論

要減少應使用const的錯誤易感性,並儘可能讓。如果您確實需要使用VAR,請確保將聲明移至範圍的頂部,因為這避免了與吊裝相關的不必要的行為。

經常詢問有關JavaScript變量聲明的問題(常見問題解答)

>在JavaScript中,在JavaScript中的變量聲明和初始化之間有什麼區別,在JavaScript中,變量聲明和初始化是使用變量的兩個不同步驟。聲明是向程序引入新變量的過程。它是使用VAR,LET或CONST關鍵字完成的。例如,令x;在這裡,X被聲明但未定義。這就像告訴程序:“嘿,我要使用一個名為X的變量。”另一方面,初始化是第一次將值分配給聲明變量的過程。例如,x = 5;在這裡,x用值5初始化。這就像告訴程序,“我之前告訴您的變量X?它的值為5。”

>我可以在javascript中初始化它的變量嗎?當您聲明變量而不為其分配值時,JavaScript會自動分配未定義的值。例如,如果您聲明這樣的變量:讓x;然後嘗試將X登錄到控制台,您會變得不確定,因為X已被聲明但未初始化。

>如果我在javascript中使用變量而不在JavaScript中使用變量? JavaScript,如果您使用變量而不先聲明變量,則會獲得參考。這是因為JavaScript需要在使用變量之前就知道它。如果您嘗試使用尚未聲明的變量,則JavaScript不知道您指的是什麼並引發錯誤。例如,如果您嘗試將X記錄到控制台而不先聲明x,則您將獲得一個參考:x未定義。

> var,let和const在JavaScript變量中有什麼區別javaScript,var,let and const中的?

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

>

>我可以在javascript中重新計算一個變量嗎?

> javaScript中的提升是什麼?這意味著您可以在聲明變量和函數之前使用它們。但是,只有聲明被提升,而不是初始化。如果使用後聲明並初始化了變量,則該變量將不確定。

>

> javascript中變量的範圍是什麼?可以從您的代碼中訪問。用VAR聲明的變量具有功能範圍,這意味著它們可以在聲明的功能中訪問任何位置。用LET和const聲明的變量具有塊範圍,這意味著只能在其聲明的塊中訪問它們。 >

在JavaScript? >我可以在JavaScript中使用特殊字符?他們必須從信件,下劃線或美元符號開始。在變量名稱中不允許使用諸如! , @,#,%等的特殊字符。

> javascript中的全局變量是什麼?在任何功能或塊之外聲明。由於它與函數或塊沒有綁定,因此可以從代碼中的任何地方訪問全局變量。但是,全球變量可能會導致命名衝突的問題,並且通常在可能的情況下最好避免。

>

以上是快速提示:如何在JavaScript中聲明變量的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板