ES6入门：let、const、 var区别及注意事项

ES6入门：let、const、 var区别及注意事项

一、let、const
1、用来声明变量或声明常量
2、let 代替 var，声明变量；const 声明常量，为了那些一旦初始化就不希望重新赋值的情况设计的
3、var、let声明的就是变量，变量一旦初始化之后，还可以重新赋值
4、const 声明的就是常量，常量一旦初始化，就不能重新赋值了，否则就会报错

var username = 'Alex';
let age = 18;
const sex = 'male';
console.log(username, age, sex);

二、const注意事项

1、使用 const 声明常量，一旦声明，就必须立即初始化，不能留到以后赋值

const sex = 'male';

2、const 声明的常量，允许在不重新赋值的情况下修改它的值

基本数据类型
const sex = 'male';
sex = 'female';    //报错，基本数据类型不可以

引用数据类型
const person = { username: 'Alex' };
// person = {};   //报错
person.username = 'ZhangSan';
console.log(person);       //{username:"ZhangSan"}

三、let、const、var的区别
1、重复声明：已经存在的变量或常量，又声明了一遍，var 允许重复声明，let、const 不允许

var a = 1;

var a = 2;
console.log(a);    //2
let a = 1;

let a = 2;
console.log(a);    //报错

function func(a) {   //在这里a已经以参数的形式存在了
  let a = 1;
}
func();   //报错

2、变量提升：var 会提升变量的声明到当前作用域的顶部，let、const 不存在变量提升

console.log(a);
var a = 1;

相当于
var a;
console.log(a);
a = 1;
console.log(a);  

let、const 不存在变量提升
console.log(a);
let a = 1;
//养成良好的编程习惯，对于所有的变量或常量，做到先声明，后使用

3、只要作用域内存在 let、const，它们所声明的变量或常量就自动“绑定”这个区域，不再受到外部作用域的影响，let、const 存在暂时性死区，var不存在

let a = 2;
function func() {
	console.log(a);
	let a = 1;
}
func();    //报错，出现let自动绑定，执行时，不能去外部作用域寻找

let b = 1;
function func() {
  console.log(b);
}
func();   //1，执行函数时，内层找不到，就可以去外层找

4、window 对象的属性和方法：全局作用域中，var 声明的变量，通过 function 声明的函数，会自动变成 window 对象的属性或方法，let、const 不会

var/function
var age = 18;
function add() {}
console.log(window.age);   //18
console.log(window.add === add);   //true

let/const
let age = 18;
const add = function () {};
console.log(window.age);   //undefined
console.log(window.add === add); //false

5、块级作用域
1、var 没有块级作用域

for (var i = 0; i < 3; i++) {
  // console.log(i);   //0,1,2
}
console.log(i); //3

2、let/const 有块级作用域

for (let i = 0; i < 3; i++) {
  // console.log(i);  //0,1,2
}
console.log(i);    //报错
//出了块级作用域就被销毁了，在全局范围内找不到了

补充：作用域链

作用域链：内层作用域->外层作用域->…->全局作用域

举例块级作用域
{}
for(){}
while(){}
do{}while()
if(){}
switch(){}