快捷導(dǎo)航

關(guān)于js變量的聲明賦值和更新示例代碼

更新時(shí)間：2025年06月05日 09:29:16 作者：人才程序員

這篇文章主要介紹了關(guān)于js變量的聲明賦值和更新的相關(guān)資料,對比var、let、const的作用域、提升及可變性,強(qiáng)調(diào)const聲明常量不可更改,但對象數(shù)組內(nèi)容可修改,需要的朋友可以參考下

前言

在 JavaScript 中，變量的聲明、賦值和更新是最基本但非常重要的概念。理解這些概念是掌握 JavaScript 的第一步。今天我們將深入探討 變量的聲明、賦值和更新，幫助你更好地理解這些操作。??‍????

1. 變量的聲明

在 JavaScript 中，聲明變量有三種方式：var、let 和 const。每種方式有不同的作用范圍、提升和可變性。理解它們之間的差異是掌握 JavaScript 的關(guān)鍵。

var

var 是 JavaScript 中的傳統(tǒng)聲明方式，早期版本的 JavaScript 都使用它。它的作用范圍是 函數(shù)作用域 或 全局作用域（如果在函數(shù)外聲明的話）。不過，var 會有一些問題，如“變量提升”問題，因此現(xiàn)在很多開發(fā)者推薦使用 let 和 const。

var name = "Alice";
console.log(name);  // 輸出: Alice

let

let 是 ES6（ES2015）引入的，它提供了 塊級作用域，意味著變量只在塊（如 if 語句、for 循環(huán)等）內(nèi)部有效。與 var 相比，let 更加靈活且不容易引入錯(cuò)誤。

let age = 25;
console.log(age);  // 輸出: 25

const

const 也是 ES6 引入的，表示一個(gè) 常量。一旦賦值后，變量的值不能再被修改。它同樣有 塊級作用域，但是不能重新賦值。const 在聲明對象或數(shù)組時(shí)，意味著不能修改變量的引用，但對象的屬性或數(shù)組的元素是可以修改的。

const country = "USA";
console.log(country);  // 輸出: USA

// 對象的常量
const person = { name: "Bob" };
person.name = "Charlie";  // 這是合法的，因?yàn)楦淖儗ο蟮膶傩灾?
console.log(person.name);  // 輸出: Charlie

2. 變量的賦值

一旦變量聲明完畢，我們就可以對它進(jìn)行賦值。賦值是給一個(gè)變量指定一個(gè)值的過程。

賦值語法：

let variable = value;

let：可以在后續(xù)的代碼中改變該變量的值。
const：不能改變該變量的值，除非是對象或數(shù)組的內(nèi)容（如上文所述）。

例子：

let x = 10;  // x 被賦值為 10
console.log(x);  // 輸出: 10

const pi = 3.14159;  // pi 被賦值為圓周率
console.log(pi);  // 輸出: 3.14159

當(dāng)變量被賦值時(shí)，值的類型可以是 數(shù)字、字符串、布爾值、數(shù)組、對象等各種類型，JavaScript 是一種 動態(tài)類型語言，這意味著變量類型可以在運(yùn)行時(shí)決定。

3. 變量的更新

在 JavaScript 中，變量的更新是指改變已經(jīng)賦值的變量的值。不同類型的變量（使用 var、let 或 const 聲明）會有不同的行為，更新時(shí)需要注意。

使用 let 更新變量

由于 let 允許修改變量的值，你可以直接重新賦值。

let score = 100;  // 初始值為 100
console.log(score);  // 輸出: 100

score = 150;  // 更新值
console.log(score);  // 輸出: 150

使用 const 更新變量

const 聲明的變量不能被重新賦值，因此直接更新一個(gè)通過 const 聲明的變量會導(dǎo)致錯(cuò)誤。但是，如果 const 聲明的是對象或數(shù)組，你可以修改對象的屬性或數(shù)組的元素。

const user = { name: "Alice", age: 25 };

// 修改對象屬性是允許的
user.age = 26;
console.log(user.age);  // 輸出: 26

// 重新賦值會報(bào)錯(cuò)
// user = { name: "Bob", age: 30 };  // TypeError: Assignment to constant variable.

使用 var 更新變量

var 聲明的變量可以在任何地方被更新，但由于它存在“變量提升”的問題，可能導(dǎo)致一些難以追蹤的錯(cuò)誤。

var temperature = 30;
console.log(temperature);  // 輸出: 30

temperature = 25;  // 更新值
console.log(temperature);  // 輸出: 25

4. 變量的提升（Hoisting）

變量提升是 JavaScript 中的一個(gè)重要概念。它指的是 JavaScript 在執(zhí)行代碼之前，會“提升”所有的變量聲明到當(dāng)前作用域的頂部。這只會提升聲明，而不會提升賦值。

var 的提升：

console.log(a);  // 輸出: undefined
var a = 10;
console.log(a);  // 輸出: 10

在上面的代碼中，var a 的聲明被提升到了函數(shù)的頂部，但是賦值部分 a = 10 仍然保留在原本的位置。所以在第一次打印時(shí)，a 是 undefined。

let 和 const 的提升：

與 var 不同，let 和 const 變量雖然也會被提升，但它們會進(jìn)入 暫時(shí)性死區(qū)（TDZ，Temporal Dead Zone），即在聲明之前訪問會導(dǎo)致錯(cuò)誤。

console.log(b);  // ReferenceError: Cannot access 'b' before initialization
let b = 20;

在這個(gè)例子中，盡管 b 是在頂部聲明的，但由于它是 let，在賦值之前訪問會拋出錯(cuò)誤。

5. 總結(jié)

聲明變量：使用 var、let 和 const 來聲明變量。var 是函數(shù)作用域，let 和 const 是塊級作用域，const 用于聲明常量，不能重新賦值。
賦值操作：變量可以在聲明時(shí)賦值，之后可以更新（對于 let 和 var）。const 聲明的變量不能重新賦值，但如果是對象或數(shù)組，可以修改其內(nèi)部的值。
變量的提升：var 聲明的變量會被提升到作用域的頂部，賦值時(shí)不會提升。let 和 const 也會被提升，但它們在聲明之前會進(jìn)入暫時(shí)性死區(qū)。