JS中const，var，let的区别

今天第一次遇到const定义的变量，查阅了相关资料整理了这篇文章。主要内容是：js中三种定义变量的方式const， var， let的区别。

在es5中我们都知道，在全局定义变量其实就是等于在全局对象设置属性，全局对象属性与全局变量是等价的。全局变量的赋值和全局属性的赋值是同一件事

在es6中修改了这一规定，使用let和const和class声明的全局变量与全局对象不等价

1.const定义基本数据类型的变量是不可以修改，其它复杂数据类型是可以修改的，而且必须初始化。

1 const b = 2;//正确
2 // const b;//错误，必须初始化 
3 console.log('函数外const定义b：' + b);//有输出值
4 // b = 5;
5 // console.log('函数外修改const定义b：' + b);//无法输出 

const只保证常量名指向的地址不变，并不能保证地址的数据不变，如果想吧对象冻结数据不可改变，可使用Object.freeze(obj)

1 const a = {};
2 a.name = 'gary';
3 console.log(a.name); //gary
4 
5 const b = Object.freeze({});
6 b.name = 'bob';
7 console.log(b.name); //undefined

2.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

 

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