ES6阶段

1、模块

导出

导出默认：

1.  
   function format(date){ }
2.  
   exprot default format
3.  
   export default function format(date){ }

导出：

export function reverse(){}

先声明再导出：

1.  
   export const PRICE = 500;
2.  
   var name="mumu",
3.  
   function say(){
4.  
   console.log("我的价格是：" PRICE)
5.  
   }
6.  
   export {name,say}

导入

<script type="modlue"></script>

导入默认：

1.  
   import {reverse} from './相对路径'
2.  
   //reverse要和源文件方法一致

导入别名：

import {reverse as r} from './相对路径'

默认和普通方法是一个文件：

import format,{reverse as r,PRISE} from './相对路径'

导入所有：

1.  
   import * as utils from './相对路径'
2.  
   utils.reverse()
3.  
   默认导出方法访问
4.  
   utils.default()

ES6新增数据类型

• set集合 不重复的数组
  • add 添加
  • delete删除
  • clear清空
  • size大小
  • has检测
  • [..new Set(arr)]去重
• map图 建名可以使任何类型的对象
  • set(key,value)设置
  • get(key)获取
  • delete删除
  • clear清空
  • size大小
• symbol符号 唯一的符号(对象的键)
• weekSet 值是引用类型
• weekMap 键是引用类型

 迭代类型

可以for of 遍历的对象都是可迭代对象，如：String字符串 Array数组 Set集合 Map图

• for(let v of myset)
• for(let k of myArr.keys())
• for(let v of myArr.values())
• for(let[k,v] of myArr.entries())

 Promise承诺

1.  
   var p = new Promise((resolve,reject)=>{
2.  
   //异步操作
3.  
   resolve(data);
4.  
   reject(err);
5.  
   })

有三个状态（状态变化不可逆）：

• pendding
• resolved
• rejected

 实例

.then(res=>{})   回调函数获取resolved返回的结果 返回一个新的promise实例

.catch(err=>{})    获取rejected的原因

解决

1.异步操作

2.回调地狱（层级过深）

all全部

所有promise都resolve，all才执行

race 赛跑

返回最想resolve结果

同步和异步

同步：是指按顺序从上至下阻塞式执行代码（上一行代码不执行完毕，下一行是不会执行的）

异步：是指先执行主线程的代码，再执行异步调用（非阻塞式）

实现异步的方式

• 回调函数
• 事件响应
• 订阅发布模式
• Promise
• sync 和 await

 类

类的本质是函数

类的this指向的是它的实例（也就是new出来的对象）

构造函数

constructor(){}

实例化的时候 new关键字调用的就是构造函数

super()

调用父类的构造函数

extends

继承父类的方法

static

类的静态属性和方法

async与await

async装饰的函数，返回的是一个promise对象；返回的结果是resolved的结果

await用来等待异步的resolve结果 只能出现在async装饰的函数中

1.  
   function doit(){
2.  
   var m1=await say("你真好看",2000)
3.  
   var m2=await say("像春天花一样",3000)
4.  
   return m1 m2;
5.  
   }

doit().then(res=>{}).catch(err=>{})

generator生成器

1.  
   function *range(min,max){
2.  
   for(var i=min,i<max;i ){
3.  
   yield i;
4.  
   }
5.  
   }

生成器执行的结果是一个迭代器

迭代器通过next方法返回一个对象，对象的value是yield生成的结果 在生成器里面遇到yield就会停止等待下一次next调用

1.  
   {value:1,done:false}
2.  
   ...
3.  
   {value:undefined,done:true}

可以通过for来遍历迭代器

1.  
   for(v of range(1,100)){
2.  
   console.log(v)
3.  
   }

String,Array,Set,Map的迭代器

arr[Symbol.iterator]()

Object.defineProperty

1.  
   Object.defineProperty(obj,props,{
2.  
   set(v){//设置},
3.  
   get(){//获取},
4.  
   configurable:true 是否能删除
5.  
   enumerable:true, 是否可以枚举
6.  
   value 默认值
7.  
   writanle:true 是否可写
8.  
   })
9.  
   可以定义对象的某个属性

proxy代理对象

target目标对象

handle 处理器

1.  
   get(target,property){
2.  
   //拦截set
3.  
   return target[property]
4.  
   }

1.  
   set(target,property,value){
2.  
   //拦截set
3.  
   }

生成代理对象proxy

var proxy =new Proxy(target,handle)

这篇好文章是转载于：编程之路