ES6新增变量声明与var的区别

ECMAScript6

let和const命令

let

用于声明变量，它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。

{
var a = 10;
let b = 1;
}
console.log(a);// 10
console.log(b);//b is not defined

for循环的计数器，就很合适使用let命令

for(let i=0;i<10;i++){
	console.log(i);
}
console.log(i);// i is not defined

这个特性就可以用来解决给DOM元素绑定事件，输出对应内容的问题

var list = document.getElementsByTagName("li");
for(let i=0;i<list.length;i++){
	list[i].onclick=function(){
	console.log(i);
	}
}
//此时就会输出对应的索引不会出现输出同样的值的情况

不存在变量提升

let不像var那样会发生“变量提升”现象。所以，变量一定要在声明后使用，否则报错。

console.log(a);// undefined
console.log(b);// 报错
var a = 10;
let b = 1;

暂时性死区

只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响。
如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。
凡是在声明之前就使用这些变量，就会报错。

var tmp = 123;

if (true) {
  tmp = 'abc'; // ReferenceError
  let tmp;
}

不允许重复声明

// 报错
function () {
  let a = 10;
  var a = 1;
}

// 报错
function () {
  let a = 10;
  let a = 1;
}

function func(arg) {
  let arg; // 报错
}

let提供了块级作用域

外层作用域无法读取内层作用域的变量

{
	{
		let b = 10;
	}
	console.log(b);// 报错
}

内层作用域可以定义外层作用域的同名变量

{
	{
		let ins = 'hello world';
	}
	let ins = 'hello world';
}

ES6引入了块级作用域，明确允许在块级作用域之中声明函数
块级作用域之中，函数声明语句的行为类似于let，在块级作用域之外不可引用

// ES6严格模式
'use strict';
if (true) {
  function f() {}
}
// 不报错

const

const声明一个只读的常量。一旦声明，常量的值就不能改变。
只在声明所在的块级作用域内有效。
const命令声明的常量也是不提升，同样存在暂时性死区，只能在声明的位置后面使用。

const PI = 3.1415;
PI // 3.1415

PI = 3;// 报错

const一旦声明变量，就必须立即初始化，不能留到以后赋值

const foo;// 报错

对于复合类型的变量，变量名不指向数据，而是指向数据所在的地址。const命令只是保证变量名指向的地址不变，并不保证该地址的数据不变

const foo = {};
foo.prop = 123;

foo.prop
// 123

全局对象的属性

ES6规定，let命令、const命令、class命令声明的全局变量，不属于全局对象的属性。

var a = 1;
window.a // 1

let b = 1;
window.b // undefined

总结

let、const和var的区别

1. let、const没有变量提升，var有变量提升
2. let、const不能重复声明同名变量，var可以重复声明同名变量
3. let、const’生命的变量只在let命令所在的作用于有效，var声明的变量除了局部变量在全局范围内生效
4. let、const能够形成块级作用于，var不能形成块级作用域
5. let、const声明的变量不能作为全局对象的属性，var声明的变量可以作为全局变量的属性

let和const的区别

1. const声明的是常量，其值不能改变，let声明的是变量其值可以改变