JavaScript中var,let和const的區別是什么

這篇文章主要為大家展示了“JavaScript中var,let和const的區別是什么”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“JavaScript中var,let和const的區別是什么”這篇文章吧。

var,let和const的區別是什么？

var聲明的變量會掛載在window上，而let和const聲明的變量不會：

var a = 100;console.log(a,window.a);    
// 100 100let b = 10;console.log(b,window.b);  
  // 10 undefinedconst c = 1;console.log(c,window.c);  
    // 1 undefined

var聲明變量存在變量提升，let和const不存在變量提升:

console.log(a); 
// undefined  ===>  a已聲明還沒賦值，默認得到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);
   // 100console.log(b) 
    // 報錯：b is not defined  ===> 找不到b這個變量-------------------------------------------------------------if(1){
  var a = 100;
  const c = 1;}console.log(a); 
  // 100console.log(c) 
   // 報錯：c is not defined  ===> 找不到c這個變量

同一作用域下let和const不能聲明同名變量，而var可以

var a = 100;console.log(a); 
// 100var a = 10;console.log(a); 
// 10-------------------------------------let a = 100;
let a = 10;
//  控制臺報錯：Identifier 'a' has already been declared  ===> 標識符a已經被聲明了。

暫存死區

var a = 100;if(1){
    a = 10;
    //在當前塊作用域中存在a使用let/const聲明的情況下，給a賦值10時，只會在當前作用域找變量a，
    // 而這時，還未到聲明時候，所以控制臺Error:a is not defined
    let a = 1;}

const

/*
* 　　1、一旦聲明必須賦值,不能使用null占位。
*
* 　　2、聲明后不能再修改
*
* 　　3、如果聲明的是復合類型數據，可以修改其屬性
*
* */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的區別是什么”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！