前端必须会的ES6知识

ES6简介

ECMAScript 6.0（以下简称ES6）是JavaScript语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。

ES6新功能

1、定义变量

let 替代var 拥有块级作用域。

2、const 

定义常量：常量不可修改，如果修改会报错

3、字符串连接

ES6管它叫模板引擎，就是字符串连接。

用键盘1左边那个键,反引号。

 

4、解构赋值

 var [a,b,c] = [12,5,8];

 console.log(a,b,c);//12,5,8 

5、ES6新技巧    

a) 复制数组

arr2.from(arr)//再也不用用循环了，吼吼，还可不可以更性感一点

arr2 = [...arr]//简直是bug级别的用法，不过真心简单

b) for of循环

c) map 、delete

 

6、箭头函数 重点 

 

相当简单

解释：

param 是参数，根据参数个数不同，分这几种情况：() => { … } // 零个参数用 () 表示x => { … } // 一个参数可以省略 ()(x, y) => { … } // 多参数不能省略 ()

 

7、更简洁的对象语法

你没有看错，bug一样的语法。

8、重中之重——类

你没有看错，这里面的this就没有问题的。不得不说的一个东西就是继承，这里得感谢ES6，我们再也不用apply 和 constructor 混合的方式继承了，直接用extend，鼓掌。

 

再说一个模块化，前方高能，必须必须必须会！！

定义模块

const a = 12;
export a;

怎么使用？

import modA from './a.js';    
console.log(modA);

 

9、promise

如果你想玩一些新的库，肯定离不开数据交互，外面炒的很火。

 

使用：

 

10、生成器Gennerator

看起来挺悬，其实就是那么回事儿。

一个函数，可以遍历状态，感觉就是状态机。

语法：

   function *show(){

   }

 

注意：

a)函数名字前有星号

b)内部用yield 

c)next执行下一个状态