首頁 >web前端 >js教程 >let、var 或 const,有什麼不同?

let、var 或 const,有什麼不同?

PHPz
PHPz原創
2024-07-28 18:09:53666瀏覽

let, var or const, what

let, var , const?我們何時真正使用這些變數?
早在 2018 年,我就有機會嘗試了一下 JavaScript。那一年,我很高興能了解這種語言的表現。我學到的第一件事就是聲明一個變數。我的第一個變數是 var name = 'el marlo' 之後我所以這個變數可以在我的函數和 console.log(name) // =>;艾爾馬洛。作為一名初學者程式設計師,我很興奮。快轉到 2024 年,正式開始我的軟體工程之旅,在這麼多年後我開始接觸 JavaScript,很多事情都改變了。我注意到的第一件事是,還有更多聲明變數的選項嗎? let和const是什麼,我只熟悉var。

變數

var 是最古老的宣告變數的關鍵字。因此,讓我們解決與其他兩個的區別:let 和 const 來幫助我們決定哪一個應該進入我們的程式碼。

我了解到var 是一個關鍵字,如果您打算使用它,請非常小心,或者根本不要使用它,因為缺乏塊作用域或簡單的英語,代碼它位於大括號{ } 內。此外,它可能會在程式碼中產生錯誤,因為 var 變數可以重新宣告並更新:

var favHobby = "Eskate";
var favHobby = "Sleeping";
var favHobby = "Joking";

console.log(favHobby); // => Joking
console.log(favHobby); // => Joking
console.log(favHobby); // => Joking

letis var 的更新版本。這個變數是阻塞作用域,這意味著與var不同,我們在{大括號內聲明的任何內容都只能在此範圍內可用}:

let x = 1;

if (x === 1) {
  let x = 2;

  console.log(x);
  // Expected output: 2
}

console.log(x);
// Expected output: 1

範例來自:mdn web 文件
另外,讓可以更新但不能重新聲明

常量

const 是更可靠的變量,原因如下: const 宣告是區塊作用域的:這表示它只能在{區塊內}存取。另一個重要原因是,const 不能更新或重新聲明,除非它是一個物件。如果 const 是一個對象,那麼可以新增、刪除或更新屬性。

const number = 42;

try {
  number = 99;
} catch (err) {
  console.log(err);
  // Expected output: TypeError: invalid assignment to const 'number'
  // (Note: the exact output may be browser-dependent)
}

console.log(number);
// Expected output: 42

範例來自:mdn web 文件

以上是let、var 或 const,有什麼不同?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn