ES6生成器用法實例分析
更新時間：2017年04月10日 09:39:36 作者：布瑞澤的童話
這篇文章主要介紹了ES6生成器用法,結(jié)合實例形式分析了ECMAScript6中生成器的概念、語法、使用方法與相關(guān)注意事項,需要的朋友可以參考下
本文實例講述了ES6生成器用法。分享給大家供大家參考，具體如下：
語法
何為生成器？讓我們先看看以下代碼：
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)認識的javascript不太一樣。這個函數(shù)就叫做生成器函數(shù)。生成器函數(shù)看起來和普通的函數(shù)是不是有點相像呢？
它們的區(qū)別如下：
一般的函數(shù)以function開頭，而生成器函數(shù)以function* 開頭。
生成器函數(shù)中有一個特殊關(guān)鍵字就是yield，作用就是暫停函數(shù)。配合next方法來調(diào)用可以達到一步一步的執(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位置處。
基本的生成器語法就講完了。
應用
生成器可以用來異步編程，我在之前的文章中有過介紹，可以參考前面一篇《基于javascript的異步編程實例詳解》
但是需要注意的是，生成器并不是用來寫異步的，這僅僅是一種hack手段而已。
希望本文所述對大家ECMAScript程序設計有所幫助。
相關(guān)文章
這篇文章主要為大家介紹了微信小程序開發(fā)自定義頂部導航欄并適配不同機型的實例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-12-12
Layer.js實現(xiàn)表格溢出內(nèi)容省略號顯示,懸停顯示全部的方法
今天小編就為大家分享一篇Layer.js實現(xiàn)表格溢出內(nèi)容省略號顯示,懸停顯示全部的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)簡單的計算器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
這篇文章主要介紹了js中g(shù)etter和setter用法,結(jié)合實例形式分析了javascript中g(shù)etter和setter的功能、使用方法及相關(guān)操作注意事項,需要的朋友可以參考下2018-08-08
這篇文章主要介紹了JS數(shù)組方法reduce的用法,結(jié)合實例形式詳細分析了JS數(shù)組方法reduce的基本功能、使用方法及相關(guān)操作注意事項,需要的朋友可以參考下2020-03-03
做手機端的前端開發(fā)，少不了對手機平臺的判斷。如，對于app下載，就要判斷在Android平臺下就顯示Android下載提示；在iOS平臺下就顯示iOS下載提示2016-04-04
簡單JS代碼壓縮器...2006-10-10
點擊顯示指定元素并隱藏其他同輩元素，下面有個不錯的方法,需要的朋友可以參考下2014-02-02
JavaScript創(chuàng)建一個object對象并操作對象屬性的用法
這篇文章主要介紹了JavaScript創(chuàng)建一個object對象并操作對象屬性的用法,實例分析了javascript使用object類定義對象及屬性的用法,需要的朋友可以參考下2015-03-03
KnockoutJS 3.X API 第四章之click綁定
click綁定主要作用是用于DOM元素被點擊時調(diào)用相關(guān)JS函數(shù)。這篇文章主要介紹了KnockoutJS 3.X API 第四章之click綁定，感興趣的朋友一起看看吧2016-10-10