這篇文章介紹了Generator函數的基本使用,包括next方法與yield關鍵字、throw方法、return關鍵字及其對應的方法,說明瞭它們的用法、運行結果和各自的特點,並解析了它們的共同點。 ...
next方法與yield關鍵字
generator函數可以返回一個迭代器,通過next
方法切換generator的狀態。
generator函數被調用時並不會執行內部的語句,而是返回一個迭代器對象。
迭代器對象首次調用next
方法,才開始執行generator函數的語句。
直到遇到yield
語句,內部的執行中斷,返回yield
關鍵字右側表達式的值作為迭代器調用next
方法的返回值。
yield
語句本身沒有返回值,由下一次調用next
方法時傳入參數作為yield
的返回值。
function* gen(){
yield 'hello';
let msg = yield 'world';
console.log(msg);
yield 'end';
}
const g = gen();
console.log(g.next());
console.log(g.next());
console.log(g.next('passing msg'));
console.log(g.next());
輸出結果:
{ value: 'hello', done: false }
{ value: 'world', done: false }
passing msg
{ value: 'end', done: false }
{ value: undefined, done: true }
throw方法
迭代器對象可以通過調用throw
方法向generator函數內部“拋出”異常,在函數內部通過try/catch捕獲。
也可以在generator函數內部拋出異常,在調用迭代器方法的位置拋出異常。
向內部拋出異常 - 分類討論:
- (理想情況)調用
iterator.throw(new Error(...))
向內部拋出異常,在內部對應的yield
表達式使用try/catch
捕獲異常; - 如果函數內部沒有捕獲異常,那麼在
iterator.throw()
語句所在的位置拋出異常; - 如果
generator
內部和iterator.throw
所在位置都沒有捕獲異常進行處理,那麼程式終止; - 還沒首次執行
next
就執行throw
,直接在外部調用iterator.throw
的位置拋出異常。
向外拋出異常
接下來先看一個向外拋出異常的案例代碼:
function* gen(){
yield 1;
throw new Error('inner error');
yield 2; // 不會被執行
yield 3; // 不會被執行
}
const g = gen();
let res;
do{
try{
res = g.next();
console.log(res);
}catch(e){
console.log(e); // 捕獲到 'inner error'
}
}while(!res.done);
運行結果:
{ value: 1, done: false }
Error: inner error
{ value: undefined, done: true }
解析:在generator內部使用throw關鍵字拋出異常,外部調用iterator.next
的地方捕獲異常,由於generator拋出異常,JS引擎會認為這個generator已經運行結束了,後續的yield不會執行,迭代器的done
變為true
;
return關鍵字
沒有寫return
語句的 Generator 函數預設在尾部返回undefined
。
return
關鍵字會返回右側表達式的值作為next
方法的返回值。
return
會終止generator,後續的代碼都不會執行了,這個特點和普通函數保持一致。
function* gen(){
yield 1;
return 2;
yield 3;
}
const g = gen();
let res;
do{
res = g.next();
console.log(res.value);
}while(!res.done);
執行結果:
1
2
return 方法
generator函數返回的迭代器對象還有return
方法。
可以在外部手動得到return
方法得到的值,並且結束generator。
function* gen(){
yield 1;
yield 2;
yield 3;
}
const g = gen();
console.log(g.next());
console.log(g.return('done'));
console.log(g.next());
運行結果:
{ value: 1, done: false }
{ value: 'done', done: true }
{ value: undefined, done: true }
next、throw、return的共同點
這三個方法的本質是讓generator函數恢復執行,並且使用不同的語句替換yield
表達式。
next()
將yield
表達式替換成一個值;throw()
將yield
表達式替換成一個throw
語句;return()
將yield
表達式替換成一個return
語句。