var let 和 const三者之间的区别

今天在项目遇到了一个很尴尬的问题，就是全局用了const定义了一个变量，然后我在函数里面想再次改变这个变量却发现无法改变f反而报错了，找了半天才找到问题点。

1. var : 定义的变量可以修改，如果不初始化会输出undefined，不会报错

 var a = 1;    或者 var  b 

console.log(‘这个是全局定义的a’+a , ‘这个是b’+ b);   //输出   这个是全局定义的a1, 这个是b undefined

 function foo(){

 a = 4;

    console.log('函数里的a：' + a);   //输出 a=4

 }

 foo();

 console.log('函数调用后var定义a为函数内部修改值：' + a); //输出 a=4

 

2. let : 块级作用域，函数内部使用let定义后，对函数外部无影响。

let c = 3;
console.log(c);  // 输出c=3
function foo(){
let c = 6;
console.log(c);  // 输出c=6
}
foo();
console.log(c);// 输出c=3

 

3. const : const定义的变量不可以修改，而且必须初始化。

const b = 2;//正确
// const b;//错误，必须初始化 
 console.log(b);//有输出值
// b = 5;
// console.log(b);//无法输出