當您使用 JavaScript 時,您首先要學習的事情之一就是如何聲明變數。變數就像是儲存資訊的容器,例如數字、文字甚至複雜資料。在 JavaScript 中,宣告變數有三種方式:const、let 和 var。其中每一個都有自己的規則和最佳實踐,一開始可能會有點令人困惑。在這篇文章中,我們將透過簡單的範例對其進行分解,以幫助您了解何時以及如何使用每個範例。
讓我們從一段簡單的程式碼開始:
`javascript
const accountId = 14423;
var accountEmail = "aman@google.com";
讓 accountPassword = "12345";
accountCity = "賈姆謝德布爾";
讓 accountRoll;
// accountId = 13242; // 不允許 - 會拋出錯誤
console.table([accountEmail, accountId, accountRoll, accountPassword]);
`
我們宣告的第一個變數是使用 const 的 accountId。當您想要聲明一個其值永遠不會改變的變數時,可以使用 const 關鍵字。一旦將值指派給 const 變量,就無法將其重新指派給其他變數。例如:
const accountId = 14423; accountId = 13242; // This will throw an error!
在上面的範例中,嘗試重新指派 accountId 將導致錯誤,因為 const 變數在初始分配後是不可變的。
const 重點:
接下來,我們使用 let 宣告 accountPassword。當您想要宣告一個其值稍後可能會變更的變數時,請使用 let 關鍵字。與 const 不同,您可以重新指派 let 變數:
let accountPassword = "12345"; accountPassword = "67890"; // This is perfectly fine!
但是,與 const 一樣,let 也是區塊作用域的,這意味著它只能在聲明它的區塊內存取。
let 重點:
最後,我們來談談 var,它是我們聲明 accountEmail 的方式。 var 是 JavaScript 中宣告變數的舊方法。與 let 和 const 相比,它有一些關鍵區別:
var accountEmail = "aman@google.com"; var accountEmail = "john@google.com"; // This is allowed!
如您所見,與 let 和 const 不同,您可以在同一範圍內重新聲明 var 變量,而不會出現任何錯誤。這有時會導致錯誤和意外行為,這就是為什麼許多開發人員更喜歡 let 和 const 的原因。
關於 var 的要點:
以下是總結差異的快速比較:
{ var x = 10; var x = 20; // Allowed, no error let y = 10; let y = 20; // Not allowed, will throw a syntax error }
在程式碼結尾,我們使用 console.table 以簡潔的表格格式顯示變數的值:
console.table([accountEmail, accountId, accountRoll, accountPassword]);
這會輸出一個表,其中包含 accountEmail、accountId、accountRoll 和 accountPassword 的目前值。這是在調試或檢查工作時可視化變數的便捷方法。
理解 const、let 和 var 之間的差異對於編寫乾淨、無錯誤的 JavaScript 程式碼至關重要。快速回顧一下:
透過掌握這三個關鍵字,您將能夠編寫更可靠且可維護的 JavaScript 程式碼。如需更詳細的信息,您可以隨時參考 MDN 文件。
祝您編碼愉快,下一篇見!
以上是JavaScript 中的日變數:透過實際範例了解「const」、「let」和「var」。的詳細內容。更多資訊請關注PHP中文網其他相關文章!