本文實例講述了ES6生成器用法。分享給大家供大家參考，具體如下：

創(chuàng)新互聯(lián)建站作為成都網(wǎng)站建設(shè)公司，專注網(wǎng)站建設(shè)、網(wǎng)站設(shè)計，有關(guān)成都定制網(wǎng)頁設(shè)計方案、改版、費用等問題，行業(yè)涉及成都戶外休閑椅等多個領(lǐng)域，已為上千家企業(yè)服務(wù)，得到了客戶的尊重與認(rèn)可。

語法

何為生成器？讓我們先看看以下代碼：

function* quips(name) {
 yield "hello " + name + "!";
 yield "i hope you are enjoying the blog posts";
 if (name.startsWith("X")) {
  yield "it's cool how your name starts with X, " + name;
 }
 yield "see you later!";
}

你沒有看錯，這就是JavaScript代碼。是不是和你曾經(jīng)認(rèn)識的javascript不太一樣。這個函數(shù)就叫做生成器函數(shù)。生成器函數(shù)看起來和普通的函數(shù)是不是有點相像呢？

它們的區(qū)別如下：

一般的函數(shù)以function開頭，而生成器函數(shù)以function* 開頭。

生成器函數(shù)中有一個特殊關(guān)鍵字就是yield，作用就是暫停函數(shù)。配合next方法來調(diào)用可以達(dá)到一步一步的執(zhí)行函數(shù)的目的。

我們看看next方法的使用：

> var iter = quips("lf");
 [object Generator]
> iter.next()
 { value: "hello lf!", done: false }
> iter.next()
 { value: "i hope you are enjoying the blog posts", done: false }
> iter.next()
 { value: "see you later!", done: false }
> iter.next()
 { value: undefined, done: true }

可以看到，每一次next方法后，生成器函數(shù)就執(zhí)行到下一個yield位置處。

基本的生成器語法就講完了。

應(yīng)用

生成器可以用來異步編程，我在之前的文章中有過介紹，可以參考前面一篇《基于javascript的異步編程實例詳解》

但是需要注意的是，生成器并不是用來寫異步的，這僅僅是一種hack手段而已。

希望本文所述對大家ECMAScript程序設(shè)計有所幫助。

網(wǎng)頁名稱：ES6生成器用法實例分析
瀏覽地址：http://chinadenli.net/article24/jpcjje.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、自適應(yīng)網(wǎng)站、Google、做網(wǎng)站、標(biāo)簽優(yōu)化、App設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)