六、ECMAScript6 特性

一、let 和 var

let：1 只在代码块生效

        2 存在暂时性死区：在代码块内，使用let命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死 区”（temporal dead zone，简称 TDZ）

        3 不存在变量提升

        4 不允许重复声明 ：不允许在相同作用域内，重复声明同一个变量

var：1 全局作用域。

         2 内层变量覆盖外层变量,可能引起“循环变量泄露为全局变量”。

         3 var命令会发生”变量提升“现象，即变量可以在声明之前使用，值为undefined

二、块级作用域与函数声明

ES5 规定，函数只能在顶层作用域和函数作用域之中声明，不能在块级作用域声明，但浏览器为了兼容旧的代码，未必遵守这一规定。

考虑到环境导致的行为差异太大，应该避免在块级作用域内声明函数。如果确实需要，也应该写成函数表达式，而不是函数声明语句

三、const

const声明一个只读的常量。一旦声明，常量的值就不能改变，只在声明所在的块级作用域内有效。

const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址不得改动。对于简单类型的数据（数值、字符串、布尔值），值就保存在变量指向的那个内存地址，因此等同于常量。但对于复合类型的数据（主要是对象和数组），变量指向的内存地址，保存的只是一个指针，const只能保证这个指针是固定的，至于它指向的数据结构是不是可变的，就完全不能控制了。因此，将一个对象声明为常量必须非常小心

四、箭头函数( =>  )

1、箭头函数的格式

1)：一种为只有一条语句，可以省略{}和return。

x => x * x;

相当于：

function（x） {

returnx *x;

}

2)：一种为多条语句，不可以省略{}和return。

x =>{if(x > 0) {return1;

}return2;

}

相当于：

function（x）{if(x > 0) {return1;}return2;

}

注意：

a.当无参数时或有多个参数时，需要用括号（）括起来。

（x, y）=> x + y;

b.当省略{}和return时，返回了一个对象，对象要用括号（）括起来。

x=> （{color："red"}）;

2、箭头函数的this

1）箭头函数没有自己的 this，其内部的 this 绑定到它的外围作用域。对象内部的箭头函数若有this，则指向对象的外围作用域。

2）箭头函数无法使用 call（）或 apply（）来改变其运行的作用域。

window.color = "red";

let color= "green";

let obj={

    color:"blue"

};

let sayColor= () =>{

    returnthis.color;

};

sayColor.apply(obj);//red

五、Promise

Promise 是异步编程的一种解决方案，具有链式结构特点。Fetch网络请求既是基于Promise对象。Promise对象的学习，理解大白话讲Promise（一）、大白话讲Promise（二）这两篇博客即可。