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);//无法输出