ES6的function*的用法

function*的用法

  1. function* 这种声明方式(function关键字后跟一个星号)会定义一个生成器函数 (generator function),它返回一个 Generator 对象。

  2. function* name([param[, param[, … param]]]) { statements }
    name
    函数名
    param
    要传递给函数的一个参数的名称,一个函数最多可以有255个参数。
    statements
    普通JS语句。

  3. 生成器函数在执行时能暂停,后面又能从暂停处继续执行。

  4. 调用一个生成器函数并不会马上执行它里面的语句,而是返回一个这个生成器的 迭代器 ( iterator )对象。当这个迭代器的 next() 方法被首次(后续)调用时,其内的语句会执行到第一个(后续)出现yield的位置为止,yield 后紧跟迭代器要返回的值。或者如果用的是 yield*(多了个星号),则表示将执行权移交给另一个生成器函数(当前生成器暂停执行)。

  5. next()方法返回一个对象,这个对象包含两个属性:value 和 done,value 属性表示本次 yield 表达式的返回值,done 属性为布尔类型,表示生成器后续是否还有 yield 语句,即生成器函数是否已经执行完毕并返回。

  6. 调用 next()方法时,如果传入了参数,那么这个参数会传给上一条执行的 yield语句左边的变量,例如下面例子中的 x :

function* gen() {
    yield 10;
    x = yield 'foo';
    yield x;
}

//gen_obj为Genetator对象
var gen_obj = gen();
console.log(gen_obj.next());// 执行 yield 10,返回 10
console.log(gen_obj.next());// 执行 yield 'foo',返回 'foo'
console.log(gen_obj.next(100));// 将 100 赋给上一条 yield 'foo' 的左值,即执行 x=100,返回 100
console.log(gen_obj.next());// 执行完毕,value 为 undefined,done 为 true
function* idMaker() {
    var index = 0;
    while (index < 3)
        yield index++;
}

var gen = idMaker();
console.log(gen.next()); // 0
console.log(gen.next()); // 1
console.log(gen.next()); // 2
console.log(gen.next()); // undefined,没有yeild了就会done就是true

//生成器也可以接收参数:
function* idMaker() {
    var index = arguments[0] || 0;
    while (true)
        yield index++;
}

var gen = idMaker(5);
console.log(gen.next()); // 5
console.log(gen.next()); // 6

//yield*的示例
function* anotherGenerator(i) {
    console.log('1');
    yield i + 1;
    console.log('2');
    yield i + 2;
    console.log('3');
    yield i + 3;
}

function* generator(i) {
    yield i;
    yield* anotherGenerator(i);// 移交执行权给anotherGenerator
    console.log(i)
    yield i + 10;
}

var gen = generator(10);

console.log(gen.next().value); // 10
console.log(gen.next().value); // 11
console.log(gen.next().value); // 12
console.log(gen.next().value); // 13
console.log(gen.next().value); // 20
//显式返回,return后,之后的语句不会执行

//生成器函数不能当构造器使用
function* f() { }
//var obj = new f; // throws "TypeError: f is not a constructor"
//使用迭代器遍历二维数组并转换成一维数组:
function* iterArr(arr) {            //迭代器返回一个迭代器对象
    if (Array.isArray(arr)) {         // 内节点
        for (let i = 0; i < arr.length; i++) {
            yield* iterArr(arr[i]);   // (*)递归
        }
    } else {                          // 离开     
        yield arr;
    }
}
// 使用 for-of 遍历:
var arr = ['a', ['b', 'c'], ['d', 'e']];
for (var x of iterArr(arr)) {   //for...of会默认调用迭代器
    console.log(x);               // a  b  c  d  e
}

// 或者直接将迭代器展开:
var arr = ['a', ['b', ['c', ['d', 'e']]]];
var gen = iterArr(arr);
//展开运算符会默认调用迭代器
arr = [...gen];    // ["a", "b", "c", "d", "e"]
console.log(arr)
已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 游动-白 设计师:上身试试 返回首页