<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          智能狀態(tài)機前端復雜對象簡化模型

          聯合創(chuàng)作 · 2023-09-19 19:36

          智能狀態(tài)機是一個前端復雜對象優(yōu)雅編程模型。

          npm包中包含庫和瀏覽器擴展

          • 目的:更加自動和簡潔的實現狀態(tài)的遷移。
          • 原理:通過裝飾器,對異步函數進行包裝,使得調用異步函數可以自動修改狀態(tài),并且自動實現異步調用過程中的中間狀態(tài)

          功能:

          1. 自動生成狀態(tài)機
          2. 自動實現狀態(tài)遷移
          3. 自動派發(fā)事件
          4. 可視化狀態(tài)變化歷史
          5. 可視化狀態(tài)機圖

          使用例子:

          import { FSM, ChangeState } from 'afsm'
          
          class MyFSM extends FSM {
            @ChangeState(FSM.INIT,'state1')
            async gotoState1() {
          
            }
            @ChangeState('state1','state2')
            async gotoState2() {
          
            }
          }
          const obj =  new MyFSM()
          obj.gotoState2()//will throw error
          obj.gotoState1().then(()=>{//will change to state1
            return obj.gotoState2()//then change to state2
          })

           

          瀏覽 21
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          編輯 分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          編輯 分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  天天干天天操天天射 | 一区二区三区000中国 | 翔田千里 青青 久久 | 成人无码AV高潮大毛片 | 国产美女日逼 |