ECMAScript6扫盲笔记(二)

5. 数组

1. map（映射）

   //eg1：将原数组中的元素，增大一倍后返回一个新数组
   
   
   //eg2: 遍历分数数组中的元素，判断是否满足要求后，映射返回对应的结果
   

2. reduce（可用于数组求和）
          
3. filter（过滤器）

6. 字符串

1. string.stratsWith("string2");  string字符串中是否以字符串string2开头，返回boolean值。

2. string.endsWith("string2"); string字符串中是否以字符串string2结尾，返回boolean值。

3. 字符串模板：
   使用 返单引号 ` 和${}进行字符串模板内容的嵌套。

7. 对象和继承（面向对象）

在ES6中可以像java一样构建对象，eg：

8. JSON

 JSON标准写法：key和value需要使用双引号，并且只能使用双引号。

1. key和value值相同时，可以省略=和value的值。eg:

2. JSON.stringfy()； json串行化；eg：

3. JSON.parse()；json格式的字符串转换成JSON对象。eg：

    

9. promise异步请求格式

优化ajax请求时，请求成功和失败的处理方法，优化代码格式。eg：
单个ajax请求：

多个ajax请求：

Promise.all() 处理多请求

 

10. generator生成器

generator基础使用：是一种函数，运行过程中会发生暂停的函数。解决异步操作的步骤，优化函数结构。

场景：请求数据时，需要请求到数据之后，再进行下一步操作。由于请求通常是异步的，因此要实现此操作，需要进行函数回调，使代码复杂，因此可以通过generator函数使代码暂停，请求到数据之后再继续。

注意三要素：

• function  *  show(){}   或者   function*  show(){}   或者  function  *show(){}；均可以声明generator函数。
• 函数执行可以暂停，类似断点。使用  yield关键字，yield上半部分的代码执行完后，需要通过next()函数才能继续执行另外部分的代码。
• 在generator函数中，若不使用generatorObj.next()方法，则该函数不会被执行。

 

yield介绍：暂停执行，不唤醒就不执行。接收参数，也可以定义返回值。eg: 

/*eg1：yield传参*/




/*eg2: yield返回值——JSON对象*/

generator实例

没写，比较多，还复杂。遇到再说吧。感觉实际上不常用。可能是我太菜了......