ES6中函数的扩展
在ES6中,函数有新增了几个函数,
分别是:
/*
函数的扩展
箭头函数
生成器函数
* 异步函数(ES7)
*/
箭头函数的话,CSDN,博客园等一些专业性质的网站上都有很多人讲过,
那我就不再多说了,
生成器函数
生成器函数
中间可以暂停
用yield关键字暂停
生成器函数一旦执行了,它不会立即执行其里面的代码,而是返回了一个生成器对象
yield关键字可以在生成器函数中可以有无数个
yield关键字
1.返回(可以当做一个临时的return)
2.接受参数
值的是调用next方法的里面传参
下面老规矩,一些具体演示的代码。
1.用yield关键字暂停
function
fn1() {
alert(
1);
alert(
2);
}
fn1();
//同时
弹出1和2
function
*
fn2() {
alert(
1);
yield;
alert(
2);
yield;
alert(
3);
}
let
genObj
=
fn2();
genObj.
next();
//只
弹出1
genObj.
next();
//只
弹出2
genObj.
next();
//只
弹出3
2.可以当作一个临时的return
function*
fn3() {
let
a
=
10;
a
*=
2;
yield
100;
//
临时的一个return
a
++;
return
a;
}
let
genObj
=
fn3();
let
result1
=
genObj.
next();
console.
log(
result1);
//
{value:100,done:false};
//
done函数知否执行完毕
let
result2
=
genObj.
next();
console.
log(
result2);
//
{value:21,done:false};
3.接受参数
function*
fn4() {
let
x
=
2;
alert(
x);
//
以上为第一次next方法执行结束处
let
y
=
yield;
alert(
y);
}
let
genObj
=
fn4();
genObj.
next();
genObj.
next(
2);
//
给第一个next方法传参无效,需要给下一个方法添加参数
异步函数
/*
async函数
异步函数:
本质是:
generator函数的语法糖
就是对generator对高级封装
经常配合Promise处理异步问题
*/
异步函数的话,主要是配合着异步函数,如Promise使用
具体使用方法的话,我就不在详细介绍了。
就是这种执行顺序
async function fn() {
//...
let 结果1 = await 异步操作1;
//...
let 结果2 = await 异步操作2;
//...
let 结果n = await 异步操作n;
//...
}
关于ES6的函数的扩展我能分享给大家大概就是这么多了,
如果上述代码有错误和不足,请评论或私信,我好及时改正。