var、let、const和块作用域

在ES5中是没有块作用域这个定义的（立即执行函数IIFE类似于一个块作用域），在ES6出来之后，js中添加了块级作用域，同样也就衍生出let和const两种新的变量声明的方式。

1、var

变量可以重复声明（重复赋值）

var a = b = c = 3;
var d = 10,e = 20,f,g;
//弱类型语言，变量容器可以混合使用
var a = "hello world";//变量的重复赋值（相同的数据类型、不同的数据类型）  
function a(){}

变量声明会被提升 (函数的声明也会)

//console.log(b);//报错
console.log(a);//不会报错
var a = 3;
//等价于：
var a;//在所有代码执行之前，js解释器会将js中所有的var声明的变量提升。
console.log(a);
a=3;

var声明的变量的作用域

有作用域链的性质，定义在全局的var变量是全局可以访问的，如果在函数中定义变量没有加var，该变量为全局变量。作用域链会由内到位寻找，不会由外到内

function test(){
  message = "hello"; 
}
test();
console.log(message); //可以访问

 一般情况下，变量取值到 创建 这个变量 的函数的作用域中取值。但是如果在当前作用域中没有查到值，就会向上级作用域去查，直到查到全局作用域，这么一个查找过程形成的链条就叫做作用域链。

let 

ES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。

let 声明的变量只在 let 命令所在的代码块内有效。

在JS中可以使用大括号{}来为语句进行分组。同一个{}中的语句我们称为时一组语句，它们要么都执行，要么都不执行，一个{}中的语句也叫做一个代码块。这是一个对let和const很重要的概念

基本用法:

{
  let a = 0;
  console.log(a)//0
}
console.log(a)   // 报错 ReferenceError: a is not defined

代码块内有效

let 是在代码块内有效，var 是在全局范围内有效：暂时性死区，只要在同一作用域内，包括函数和块级全局，let 和const 就会绑定在这个区域，在这之前使用的话，都会报错，直到声明过后

使用let和const或者var（声明）在块级作用域内，会把变量限定在代码块内，无法突破，外面访问不了；

{
  let a = 0;
  var b = 1;
}
a  // ReferenceError: a is not defined
b  // 1

不能重复声明

let 只能声明一次 var 可以声明多次:

let a = 1;
let a = 2;
var b = 3;
var b = 4;
a  // Identifier 'a' has already been declared
b  // 4

不存在变量提升

let 不存在变量提升，var 会变量提升:

console.log(a);  //ReferenceError: a is not defined
let a = "apple";
 
console.log(b);  //undefined
var b = "banana";

const

const 声明一个只读变量，声明之后不允许改变。意味着，一旦声明必须初始化，否则会报错。

基本用法:

const PI = "3.1415926";
PI  // 3.1415926

const MY_AGE;  // 声明的时候必须赋值

 暂时性死区:和let一样不会变量提升，并且代码块内有效，不能重复声明

let和const的问题

for 循环计数器很适合用 let

for (var i = 0; i < 10; i++) {
  setTimeout(function(){
    console.log(i);
  })
}
// 输出十个 10
for (let j = 0; j < 10; j++) {
  setTimeout(function(){
    console.log(j);
  })
}
// 输出 0123456789

js的一大特点就是单线程，也就是说同一时间只能做一件事情，所有的任务都需要等待上一个任务完成之后才会执行下一个任务。像延时操作这种异步操作、又或者是函数的只创建不执行（用到了i）这种复杂的操作都排在了队列的后面。

	var arr = [];

		for (var i = 0; i < 2; i++) {
			arr[i] = function () {
				console.log(i);
			}
		}
		arr[0]();//2
		arr[1]();//2

for循环时里面的函数始终没有执行。函数执行时在自己的作用域是找不到自己的变量i值的，根据作用域链查找原则，要向上一层作用域中查找（就是全局作用域），在全局作用域有变量i，由于函数执行时，循环早已经执行完了。也就是2

let 就可以解决这个问题了：

 let arr = [];

        for (let i = 0; i < 2; i++) {
            arr[i] = function() {
                console.log(i);
            }
        }
        arr[0]();//0
        arr[1]();//1

由于用let声明的变量i具有块级作用域，在循环结束之后产生了两个块级作用域。

其实上面的for循环可以拆解为：

{ let i = 0; arr[0] = function(){console.log(i)} } 
{ let i =1; arr[1] = function(){console.log(i)} }  

 如果换成var 到最后执行函数的时候i就是2了（因为最后还有个i++）

const变量里的值并不是完全不可改变

const 如何做到变量在声明初始化之后不允许改变的？其实 const 其实保证的不是变量的值不变，而是保证变量指向的内存地址所保存的数据不允许改动。此时，你可能已经想到，简单类型和复合类型保存值的方式是不同的。是的，对于简单类型（数值 number、字符串 string 、布尔值 boolean）,值就保存在变量指向的那个内存地址，因此 const 声明的简单类型变量等同于常量。而复杂类型（对象 object，数组 array，函数 function），变量指向的内存地址其实是保存了一个指向实际数据的指针，所以 const 只能保证指针是固定的，至于指针指向的数据结构变不变就无法控制了，所以使用 const 声明复杂类型对象时要慎重。