var let const 区别

Posted 2021-07-08 fengshaopu

一、目录
1.是否存在变量提升？
2.是否存在暂时性死区？
3.是否允许重复声明变量？
4.是否存在块级作用域？
5. 是否能修改声明的变量？

二.是否存在变量提升？
var 有变量提升 ———— let const没有

·提升到了这 var f·
console.log(f) //undefined
var f = 1 ;
**·没有变量提升·**
console.log(g) //ReferenceError: g is not defined
let g = 2;
**·没有变量提升·**
console.log(h) //ReferenceError: g is not defined
const h = 2;

三、.是否存在暂时性死区？
let和const存在暂时性死区。即只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响。

var tmp = 123;
if (true) {
  tmp = 'abc'; // ReferenceError
  let tmp;
}
//以上代码if后面{}形成了块级作用域，由于使用let声明了tmp，则这个变量就绑定了块区域，在声明之前使用，会报错。

四.是否允许重复声明变量？
var允许重复声明变量。
let和const在同一作用域不允许重复声明变量。

var f = 4;
var f = 5;
console.log(5) //5

let g = 6;
let g = 7;
console.log(7) //SyntaxError: Identifier 'g' has already been declared

const h = 8;
const h = 9;
console.log(h) //SyntaxError: Identifier 'g' has already been declared

五.是否存在块级作用域？
var不存在块级作用域。
let和const存在块级作用域。
什么是块级作用域：
ES5中作用域有：全局作用域、函数作用域。没有块作用域的概念。因此也有一系列的问题。

/1,内层变量可能覆盖外层变量的问题
var a = 2;
function fun(){
    console.log(a) //undefined
    if(false){
        var a = 3;//变量提升带来的，尽管存在块级作用域，但是var声明的变量会跨越这个域。
    }
}
fun()
//2,用来计数的循环变量泄露为全局变量。
var s = 'hello';
for (var i = 0; i < s.length; i++) {
  console.log(s[i]);
}
console.log(i); // 5  i循环结束后，泄露成了全局变量

六. 是否能修改声明的变量？

var和let可以。
const声明一个只读的常量。一旦声明，常量的值就不能改变。const声明的变量不得改变值，这意味着，const一旦声明变量，就必须立即初始化，不能留到以后赋值。

const f = 10;
// f= 11;
// console.log(f) //报错 不能进行重复声明

const obj = {
    name: '小明',
    age: 18
}
obj.age = 20
console.log(obj) //{ name: '小明', age: 20 }  
//const声明常量，不允许对变量重新赋值。对于引用类型的值而言，只要在栈内存保存的地址值不变即可。

转自：https://blog.csdn.net/weixin_43638968/article/details/107619416?ops_request_misc=&request_id=&biz_id=102&utm_term=%E7%94%B0%E5%85%B4var%20let%20const%20%E5%8C%BA%E5%88%AB&utm_medium=distribute.pc_search_result.none-task-blog-2_allsobaiduweb~default-0-.first_rank_v2_pc_rank_v29&spm=1018.2226.3001.4187