[JavaScript基礎]學習①⑨--generator

weixin_33850890發表於2017-04-19

generator 可以返回多次的函式

function* foo(x) {
    yield x + 1;
    yield x + 2;
    return x + 3;
}

舉列 斐波那契數列

function fib(max) {
    var
        t,
        a = 0,
        b = 1,
        arr = [0, 1];
    while (arr.length < max) {
        t = a + b;
        a = b;
        b = t;
        arr.push(t);
    }
    return arr;
}

// 測試:
fib(5); // [0, 1, 1, 2, 3]
fib(10); // [0, 1, 1, 2, 3, 5, 8, 13, 21, 34]
function* fib(max) {
    var
        t,
        a = 0,
        b = 1,
        n = 1;
    while (n < max) {
        yield a;
        t = a + b;
        a = b;
        b = t;
        n ++;
    }
    return a;
}

呼叫generator物件

第一種

var f = fib(5);
f.next(); // {value: 0, done: false}
f.next(); // {value: 1, done: false}
f.next(); // {value: 1, done: false}
f.next(); // {value: 2, done: false}
f.next(); // {value: 3, done: true}
f.next().value

done表示這個generator是否已經執行結束
如果done為true,則value就是return的返回值

第二種

for (var x of fib(5)) {
    console.log(x); // 依次輸出0, 1, 1, 2, 3
}

generator可以實現物件導向才能實現的功能

練習:自增ID

var current_id = 0;

function next_id() {
    current_id ++;
    return current_id;
}
'use strict';
function* next_id() {
  var id = 1;
    while (true) {
        yield id++;
    }
    return true;
}
var g=next_id();
for(var x=1;x<10;x++){
      alert(g.next().value);
}//1 2 3 4 5 6 7 8 9 
// 測試:
var
    x,
    pass = true,
    g = next_id();
for (x = 1; x < 100; x ++) {
    if (g.next().value !== x) {
        pass = false;
        alert('測試失敗!');
        break;
    }
}
if (pass) {
    alert('測試通過!');
}

相關文章