[TOC] ## 簡單的generator（運行原理） ``` function *gen(x){ console.log(x) var y = yield x; //y是yield的返回值 由自己決定 ---從g.next(y)中傳入 與yield后面的內容無關 var z = yield x+y; yield z + y + x } var g = gen(10) console.log(g) console.log(g.next()) // g.next()會得到一個對象，有value，就是yield后面的內容，done表示generator函數是否執行完畢 console.log(g.next(50)) console.log(g.next(35)) ``` ## 請求豆瓣 ``` <input type="text" placeholder="你的名字"> <button>搜索</button> <h1></h1> <img src="" alt=""> <p></p> ``` ### 業務邏輯 ``` <script> var baseUrl = "https://douban.uieee.com/v2/movie/" function* getData() { var id = yield $.ajax({ url: baseUrl + 'search?q=你的名字&count=1', dataType: "jsonp", }) yield $.ajax({ url:baseUrl.id, dataType:"jsonp" }) } var gen = getData(); var movie = gen.next(); movie.value.then(res=>{ var id = res.subjects[0].id; var detail = gen.next(id) detail.value.then(res=>{ console.log(res) }) }) </script> ```