快捷導(dǎo)航

JavaScript中const和var的區(qū)別小結(jié)

更新時(shí)間：2025年10月11日 08:23:51 作者：Never_Satisfied

本文主要介紹了JavaScript中const和var的區(qū)別小結(jié),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

1. 作用域 (Scope)

var - 函數(shù)作用域

function test() {
    if (true) {
        var x = 10;
    }
    console.log(x); // 10 - 在if塊外部可以訪問
}

const - 塊級(jí)作用域

function test() {
    if (true) {
        const y = 20;
    }
    console.log(y); // ReferenceError: y is not defined
}

2. 變量提升 (Hoisting)

var - 會(huì)提升，初始值為undefined

console.log(a); // undefined
var a = 5;

const - 會(huì)提升，但在聲明前訪問會(huì)報(bào)錯(cuò)（暫時(shí)性死區(qū)）

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

3. 重復(fù)聲明

var - 允許重復(fù)聲明

var x = 1;
var x = 2; // 不會(huì)報(bào)錯(cuò)

const - 不允許重復(fù)聲明

const y = 1;
const y = 2; // SyntaxError: Identifier 'y' has already been declared

4. 重新賦值

var - 可以重新賦值

var name = "Alice";
name = "Bob"; // 允許

const - 不能重新賦值（常量）

const name = "Alice";
name = "Bob"; // TypeError: Assignment to constant variable

5. 必須初始化

var - 可以不初始化

var x; // undefined

const - 必須初始化

const y; // SyntaxError: Missing initializer in const declaration

6. 全局對(duì)象屬性

var - 在全局作用域聲明時(shí)成為window對(duì)象的屬性

var globalVar = "hello";
console.log(window.globalVar); // "hello"

const - 不會(huì)成為window對(duì)象的屬性

const globalConst = "world";
console.log(window.globalConst); // undefined

重要注意事項(xiàng)

對(duì)于const聲明的對(duì)象和數(shù)組：

const person = { name: "Alice" };
person.name = "Bob"; // 允許 - 修改對(duì)象屬性
// person = { name: "Charlie" }; // 錯(cuò)誤 - 不能重新賦值

const numbers = [1, 2, 3];
numbers.push(4); // 允許 - 修改數(shù)組內(nèi)容
// numbers = [5, 6, 7]; // 錯(cuò)誤 - 不能重新賦值

現(xiàn)代開發(fā)建議

優(yōu)先使用 const
需要重新賦值時(shí)使用 let
避免使用 var（除非有特殊需求）

// 推薦寫法
const PI = 3.14159;
let count = 0;

// 不推薦
var oldWay = "avoid this";

這種模式有助于編寫更可預(yù)測(cè)、更少錯(cuò)誤的代碼。

到此這篇關(guān)于JavaScript中const和var的區(qū)別小結(jié)的文章就介紹到這了,更多相關(guān)JavaScript const var內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

javaScript年份下拉列表框內(nèi)容為當(dāng)前年份及前后50年
本文介紹的這個(gè)javaScript年份下拉列表框內(nèi)容為當(dāng)前年份及前后50年，默認(rèn)顯示當(dāng)前年份，大家可以學(xué)習(xí)下
2014-05-05
淺析JS原始值和引用值問題
如果一個(gè)值是引用類型的，那么它的存儲(chǔ)空間將從堆中分配。由于引用值的大小會(huì)改變，所以不能把它放在棧中，否則會(huì)降低變量查尋的速度。相反，放在變量的?？臻g中的值是該對(duì)象存儲(chǔ)在堆中的地址，這篇文章主要介紹了JS原始值和引用值 ,需要的朋友可以參考下
2021-12-12
javascript 發(fā)布-訂閱模式實(shí)例詳解
這篇文章主要介紹了javascript 發(fā)布-訂閱模式,結(jié)合實(shí)例形式詳細(xì)分析了javascript發(fā)布-訂閱模式基本功能、原理、實(shí)現(xiàn)方法與相關(guān)使用技巧,需要的朋友可以參考下
2023-06-06
利用javascript實(shí)現(xiàn)的三種圖片放大鏡效果實(shí)例（附源碼）
這篇文章主要介紹了利用javascript實(shí)現(xiàn)的幾種放大鏡效果，很實(shí)用一款漂亮的js圖片放大鏡特效，常見于電商網(wǎng)站上產(chǎn)品頁，用來放大展示圖片細(xì)節(jié)，很有實(shí)用性，推薦下載學(xué)習(xí)研究。文中提供了完整的源碼供大家下載，需要的朋友可以參考借鑒，一起來看看吧。
2017-01-01
javascript實(shí)現(xiàn)圖片輪播代碼
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)圖片輪播代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-07-07
js實(shí)現(xiàn)mp3錄音通過websocket實(shí)時(shí)傳送+簡(jiǎn)易波形圖效果
這篇文章主要介紹了js實(shí)現(xiàn)mp3錄音通過websocket實(shí)時(shí)傳送+簡(jiǎn)易波形圖效果，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2020-06-06
微信小程序?qū)崿F(xiàn)指定顯示行數(shù)多余文字去掉用省略號(hào)代替
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)指定顯示行數(shù)多余文字去掉用省略號(hào)代替的方法,需要的朋友可以參考下
2018-07-07
javascript解三階幻方（九宮格）
本文給大家分享的是使用javascript實(shí)現(xiàn)解答九宮格問題的算法，非常的簡(jiǎn)單實(shí)用，有需要的小伙伴可以參考下。
2015-04-04
帶你領(lǐng)略O(shè)bject.assign()方法的操作方式
這篇文章主要介紹了帶你領(lǐng)略O(shè)bject.assign()方法的操作方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-08-08
推薦15個(gè)最好用的JavaScript代碼壓縮工具
今天小編就為大家分享一篇關(guān)于推薦15個(gè)最好用的JavaScript代碼壓縮工具，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧
2019-02-02