歡迎大家關(guān)注騰訊云技術(shù)社區(qū)-博客園官方主頁，我們將持續(xù)在博客園為大家推薦技術(shù)精品文章哦~
張鎮(zhèn)圳，騰訊Web前端高級工程師，對內(nèi)部系統(tǒng)前端建設(shè)有多年經(jīng)驗，喜歡鉆研搗鼓各種前端組件和框架。
導(dǎo)語
前面寫了一篇文章，叫《一個只有99行代碼的JS流程框架》，雖然該框架基本已經(jīng)能實現(xiàn)一個流程正常的邏輯流轉(zhuǎn)，但是在分模塊應(yīng)用下還是缺少一定的能力，無法將一個頁面中的不同模塊很好的連接在一起，于是對之前的框架進行了升級，新增了子流程的概念。
子流程
什么是子流程？在這個升級后的框架里（當(dāng)然代碼已經(jīng)不止99行了，不要在乎標(biāo)題），每個步驟不但可以是一個function，還可以引用另一個流程，這個被引用的流程就叫子流程。先看個簡單的例子：
flowJS({ init:function(){ this.setNext('步驟A').setNext('步驟B').setNext('步驟C'); this.next();
}, '步驟A':function(){ this.next();
}, '步驟B':{ init:function(){ this.setNext('子步驟B1').setNext('子步驟B2').setNext('子步驟B3'); this.next();
}, '子步驟B1':function(){ this.next();
}, '子步驟B2':function(){ this.next();
