javascript中var與let、const的區(qū)別詳解
更新時間:2022年12月23日 16:53:22 作者:YINGYAN
這篇文章主要介紹了javascript中var與let、const的區(qū)別詳解,需要的朋友可以參考下
一、var聲明的變量會掛載在window上,而let和const聲明的變量不會:
var a = 100; console.log(a,window.a); // 100 100 let b = 10; console.log(b,window.b); // 10 undefined const c = 1; console.log(c,window.c); // 1 undefined
二、var聲明變量存在變量提升,let和const不存在變量提升
console.log(a); // undefined ===> a已聲明還沒賦值,默認(rèn)得到undefined值 var a = 100; console.log(b); // 報錯:b is not defined ===> 找不到b這個變量 let b = 10; console.log(c); // 報錯:c is not defined ===> 找不到c這個變量 const c = 10;
三、let和const聲明形成塊作用域
if(1){
var a = 100;
let b = 10;
}
console.log(a); // 100
console.log(b) // 報錯:b is not defined ===> 找不到b這個變量
if(1){
var a = 100;
const c = 1;
}
console.log(a); // 100
console.log(c) // 報錯:c is not defined ===> 找不到c這個變量四、同一作用域下let和const不能聲明同名變量,而var可以
var a = 100; console.log(a); // 100 var a = 10; console.log(a); // 10 let a = 100; let a = 10; // 控制臺報錯:Identifier 'a' has already been declared ===> 標(biāo)識符a已經(jīng)被聲明了。
五、暫存死區(qū)
var a = 100;
if(1){
a = 10;
//在當(dāng)前塊作用域中存在a使用let/const聲明的情況下,給a賦值10時,只會在當(dāng)前作用域找變量a,
// 而這時,還未到聲明時候,所以控制臺Error:a is not defined
let a = 1;
}六、const
/*
* 1、一旦聲明必須賦值,不能使用null占位。
*
* 2、聲明后不能再修改
*
* 3、如果聲明的是復(fù)合類型數(shù)據(jù),可以修改其屬性
*
* */
const a = 100;
const list = [];
list[0] = 10;
console.log(list); // [10]
const obj = {a:100};
obj.name = 'apple';
obj.a = 10000;
console.log(obj); // {a:10000,name:'apple'}以上就是javascript中var與let、const的區(qū)別詳解的詳細(xì)內(nèi)容,更多關(guān)于javascript中var與let、const的區(qū)別的資料請關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
JavaScript中this用法學(xué)習(xí)筆記
在本篇文章里小編給大家分享了關(guān)于JavaScript中this用法學(xué)習(xí)筆記以及知識點總結(jié),有興趣的朋友們學(xué)習(xí)下。2019-03-03
javascript中聲明函數(shù)的方法及調(diào)用函數(shù)的返回值
這篇文章主要介紹了javascript中聲明函數(shù)的方法及調(diào)用函數(shù)時的返回值,示例如下,不了解的方法可以參考下2014-07-07
JavaScript高級程序設(shè)計(第3版)學(xué)習(xí)筆記12 js正則表達(dá)式
前面在分析PhoneGap源碼的時候,曾經(jīng)總結(jié)過一次正則表達(dá)式的用法,為了不同系列文章的完整性,這里將那里的總結(jié)遷移過來2012-10-10

