JavaScript Es6中var、let、const区别

最近学习vue时看到了let,const变量定义，查阅相关资料整理了一下，所以就总结下加深印象，js中三种变量方式var、const、let的区别

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

1 var a = 1;
2 // var a;//不会报错
3 console.log('函数外var定义a：' + a);//可以输出a=1
4 function change(){
5 a = 4;
6 console.log('函数内var定义a：' + a);//可以输出a=4
7 } 
8 change();
9 console.log('函数调用后var定义a为函数内部修改值：' + a);//可以输出a=4

2.const定义变量不可修改，而且必须初始化，const声明一个只读的常量，一旦声明，常量的值就不能改变。const和let命令相同，只能声明所在的块级作用域内有效。const声明之后只能在声明后面使用

 1 const a = 1;//正确
 2 const b;
 3 b =2;//错误， 一旦声明变量，就必须立即初始化，不能留到以后赋值。
 4 
 5 if(true){
 6  const sum = 5;    
 7 }
 8 console(sum);//报错，只在声明所在的块级作用域内有效。
 9 
10 if(true){
11   console(sum);//报错 ，不能先使用后声明
12   const sum = 5; 
13 }

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

1 let c = 3;
2 console.log('函数外let定义c：' + c);//输出c=3
3 function change(){
4 let c = 6;
5 console.log('函数内let定义c：' + c);//输出c=6
6 } 
7 change();
8 console.log('函数调用后let定义c不受函数内部定义影响：' + c);//输出c=3

 如有错误，请您指正！