ES6

ES6简介

●全称ECMAScript 6. 0，由于是在2015年发布，也称为ES2015
●主要是为了解决ES5的先天不足
●目标与愿景:

(1)适应更复杂的应用;

(2)实现代码库之间的共享;

(3)不断迭代维护新版本;

(4)支持更多语法，使用更方便;

新的变量声明方法

●let/const

• 与var不同，新的变量声明方式带来了一些不一样的特性，其中最重要的两个特性就是提供了块级作用域与不再具备变量提升。
• let:不可重复声明，块级作用域; const: 声明常量
• 例:

<script>

var a=1;

var a=2;

console.1og(a);</script>

最后打印出的是2

<script>

let a=1;

let a=2;

console.log(a);</script>

此时，a无法打印出来。

Uncaught SyntaxError: Identifier 'a' has already been declared

新的变量声明方式Let/ const

●解析:

• ES6之前，使用var声明变量，可以声明多次变量,这样导致的问题查找很难
• 在ES6中，使用let声明变量,使用cons t声明常量
• let作用域是块级作用域，如:
  此时b是块级作用域，只能在{ }里打印，外面就无法打印

<script>

let a=1;
if(a>0){
let b=2;
console.1og(b);
}
console.1og(a);
console.1og(b);

</script>

2
1

Uncaught ReferenceError: b is not defined

解构赋值

●解构赋值语法是一种JavaScript表达式， 用来将数组中的值或对象中的属性取出来区分为不同变量

●分为:对象解构赋值和数组解构赋值。

●使用注意事项

• 两边的解构必须一致
• 右边必须是一个实际的内容，数组或对象

箭头函数

• 箭头函数是ES6提供的新的语法结构，用于替换匿名函数
• 相当于简写了function，使用()代替，使用=>代替{}；

箭头函数与普通匿名函数的区别

●函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象
●不可以当作构造函数，也就是说，不可以使用new命令，否则会抛出一一个错误。
●不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以用rest参数代替。

●不可以使用yield命令，因此箭头函数不能用作Generator函数。

(generator函数现在经常用async替代)

参数模板(模板字符串)

●模板字符串是为了解决使用"+"号拼接字符串的不便利而出现的
●它的功能非常强大，但是大多数时候使用它则非常简单
●$ {变量名称/常量名称}，外面使用’ '(反单引号) 包裹

JavaScript异步编程

●方案

• 回调函数Callback
• 事件监听
• 发布订阅
• Promise/A+
• 生成器Generators/yield·
• async/ Await

Promise

●异步编程的解决方案，比传统的解决方案–回调函数和事件–更合理和更强大，完美解决回调地狱问题

●简单说就是一个容器，保存某个未来才会结束的事件

●Promise对象的特点

• 对象的状态不受外界影响。Promise对象代表一 个异步操作，有三种状态:pending (进行中)、fulfilled (已成功)和rejected (已失败)。
• 一旦状态改变,就不会在变。Promise对象的状态改变，只有两种可能:从pending变为fulfilled和从pending变为rejected.

Promise基本用法

●ES6规定，Promis e对象是一个构造函数，用来生成Promise实例

●Promise实例必须实现then( )
●then( )必须可以接收两个函数作为参数

●then( )必须返回Promise实例