ES6总结(3)

asyc与await

async 函数返回一个 Promise 对象,可以使用 then 方法添加回调函数。

async 函数中可能会有 await 表达式,async 函数执行时,如果遇到 await 就会先暂停执行 ,等到触发的异步操作完成后,恢复 async 函数的执行并返回解析值。

await 关键字仅在 async function 中有效。如果在 async function 函数体外使用 await ,你只会得到一个语法错误

async function helloAsync(){

    return "helloAsync";

  }

helloAsync().then(res=>{

console.log(res)

})

案例

function say(msg,time){

  return new Promise((resolve,reject)=>{

  setTimeout(()=>resolve(msg),time)

  })

}

async function doit(){

  let m1 = await say("其实我观察你",2000);

  console.log(m1);

  let m2 = await say("很久了",3000)

  console.log(m2);

  let m3 = await say("我很中意你啊",5000)

  console.log(m3)

  return m1+m2+m3;

}

 doit()

 .then(res=>{console.log(res)})

       Symbol符号

Symbol 是一种新的数据类型,它的值是唯一的,不可变的

var sym = Symbol( "符号" );

console.log(typeof sym); // symbol

这里 Symbol 前面不能使用 new 操作符

       迭代器(Iterators)

迭代器允许每次访问数据集合的一个元素,当指针指向数据集合最后一个元素时,迭代器便会退出。它提供了 next() 函数来遍历一个序列,这个方法返回一个包含 done 和 value 属性的对象

var arr = [11,12,13];

var itr = arr[Symbol.iterator]();

itr.next(); // { value: 11, done: false }

itr.next(); // { value: 12, done: false }

itr.next(); // { value: 13, done: false }

itr.next(); // { value: undefined, done: true }

Generator生成器

Generator 函数是 ES6 的新特性,它允许一个函数返回的可遍历对象生成多个值。

在使用中你会看到 * 语法和一个新的关键词 yield:

function *infinite() {

  var n = 1;

  while (true){

    yield n++;

  }

}

var numbers = infinite(); // 返回可 迭代对象

numbers.next(); // { value: 1, done: false }

numbers.next(); // { value: 2, done: false }

numbers.next(); // { value: 3, done: false }

每次执行 yield 时,返回的值变为迭代器的下一个值。

Proxy 代理

Proxy 对象用于创建一个对象的代理,从而实现基本操作的拦截和自定义(如属性查找、赋值、枚举、函数调用等)。

Proxy(target, handler), 这里的 handler 可以是 set get has hasOwn keys 等等方法

更多:

var plain = {

    name : "瑾瑾"

};

var proxy = new Proxy(plain, {

    get: function(target, property) {

        return property in target ? target[property] : "错误";

    }

});

proxy.name // "瑾瑾"

proxy.title // "错误"

总结

class

 extendstatic constructor

模块 module

import export default as from

可迭代对象

Array Set Map String

for of

keys values entries

Promise

 resolve reject then  async await

不重复的符号

其他

[Symbol.iterator]();

生成器 yield next

new Proxy(target,{get(target,key){},set(target,key,value)})

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值