js-generator-状态机及控制状态机

道甚夷

已于 2022-08-25 10:50:26 修改

阅读量315

点赞数

分类专栏：前端功能实现前端原理文章标签： javascript 前端 vue.js

于 2022-08-23 18:39:46 首次发布

本文链接：https://blog.csdn.net/junjiahuang/article/details/126490817

版权

前端原理同时被 2 个专栏收录

77 篇文章 1 订阅

订阅专栏

前端功能实现

31 篇文章 0 订阅

订阅专栏

使用一个变量维护状态


let open = true
let clock = () => {
  open = !open
  return !open
}
console.log(clock())
console.log(clock())

使用generator自身状态


let clock2 = function* () {
  while(true) {
    yield true
    yield false
  }
}
let gen = clock2()
console.log(gen.next().value)
console.log(gen.next().value)
console.log(gen.next().value)
console.log(gen.next().value)

控制状态机1:使用互相来控制

let clock3 = function* () {
  let r
  while(r = (yield 'isOpen?')) {
    yield true
    yield false
  }
}
let r
let gen = clock3()
gen.next() // 启动
r = gen.next(1) // t 开启
console.log(r.value)
r = gen.next() // f
console.log(r.value)
r = gen.next() // ask
console.log(r.value)
r = gen.next(1) // t 开启
console.log(r.value)
r = gen.next() // f
console.log(r.value)
r = gen.next() // ask
console.log(r.value)
r = gen.next(0) // 关闭
console.log(r.value)
r = gen.next() // undefined
console.log(r.value)
r = gen.next() // undefined
console.log(r.value)

控制状态机2:使用return来控制

let clock4 = function* () {
  while(true) {
    yield true
    yield false
  }
}
let r
let gen = clock4()
r = gen.next() // t
console.log(r.value)
r = gen.next() // f
console.log(r.value)
r = gen.return() // undefined
console.log(r.value)
r = gen.next() // undefined
console.log(r.value)