es6的Generator函数和Async函数

Generator函数
作用:
1)迭代器的生成函数
2)将异步操作同步化

promise封装了异步操作

$.get("/customer/findAll")
.then((response)=>{
	//通过回调函数来获取异步操作的结果
})

(1)声明(语法)

function* foo(){
	let a = "hello"
	yield a;
	yield "world";
	return "end"
}

(2)调用

let iterator = foo();   //执行generator函数,获取迭代器对象
iterator.next()		// {value:"hello",done:false}
iterator.next()		// {value:"world",done:false}
iterator.next()		// {value:"end",done:true}

利用迭代器的next()获取yeild表达式的值

(3)this
Generator与普通函数中的this的获取是一致的

(4)yield表达式的返回值
默认没有返回值
iterator.next(参数) 当前这个参数为上一个yield表达式的返回值

(5) 作用
1)Generator函数可以用于调用异步函数,将异步操作同步化

let customers = $.get("/customer/findAll");
let customerId = customers[0].id
let address = $.get("/address/findByCustomerId?id="+Id)

2)迭代器
将obj转换为可迭代器的对象
obj[Symbol.iterator] = “”[Symbol.iterator]
Generator的返回值就是迭代器对象
let arr = [1,2,3];
arr.values() 迭代器对象
arr[Symbol.iterator] 生成迭代器对象的函数

Async函数
是Generator函数的语法糖

async function foo(){
		let customers = await $.get(url)
		let orders = await $.get(url)
	}
let promise = foo()
  1. await
    await表达式后一般为promise,await会等待promise状态改变resolved,然后将请求结果返回,最后继续向下运行
通过id删除顾客信息
function deleteById(id){
	$.get(deleteById).then(()=>{
		alert("");
		$.get(findAll).then(()=>{
			重新渲染
		})
	})
}

async版本

async function deleteById(id){
	let result = await(deleteById,id);
	alert(result.message);
	await(findAll)
}
deleteById(1)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值