全面感知ES6（4）函数的扩展

ES6中函数的扩展

在ES6中，函数有新增了几个函数，

分别是：

/*

函数的扩展

箭头函数

生成器函数

* 异步函数(ES7)

*/

箭头函数的话，优快云，博客园等一些专业性质的网站上都有很多人讲过，

那我就不再多说了，

生成器函数

        生成器函数

中间可以暂停

用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的函数的扩展我能分享给大家大概就是这么多了，

如果上述代码有错误和不足，请评论或私信，我好及时改正。