当前位置: 首页 > article >正文

ES6 generator Symbol yield

Symbol  独一无二的值

const s1 = Symbol('a')
      const s2 = Symbol('a')
      console.log(s1 === s2) // false
      console.log(typeof s1) // 'symbol'
      let o = {
        a: 90,
      }
    let symbol = Symbol()
      o[symbol] = 100
      console.log(o)//{a: 90, Symbol(): 100}

普通函数一旦执行 函数体从上往下依次执行

 function f() {
        console.log(1)//1
        console.log(2)//2
        console.log(3)//3
      }
      f()

生成器函数(generator)-生成迭代器(Iterator)的函数,配合yield关键字来控制代码执行流程

  function* go(str) {
        console.log(1)//1
        let a = yield str
        console.log(2)//2
        let b = yield a
        console.log(3)//3
        return b
      }
 const it = go('hehe')
      console.log(it)
      const r1 = it.next(1)
      console.log(r1)//{value:'hehe',done: false}
      const r2 = it.next(2)
      console.log(r2)//{value: 2, done: false}
      const r3 = it.next(3)
      console.log(r3)//{value: 3, done: true}
      function* test(num) {
        let x = 3 * (yield num + 1)
        let y = yield x / 3
        return x + y + num
      }
  let n = test(3)
      console.log(n.next()) // {value: 4, done: false}
      console.log(n.next(5)) // {value: 5, done: false}
      console.log(n.next(8)) // {value: 26, done: true}

自己模拟生成器函数

 function* buy(books) {
        for (let i = 0; i < books.length; i++) {
          yield books[i]
        }
      }
      const it = buy(['js', 'vue'])
      console.log(it.next()) //{value: 'js', done: false}
      console.log(it.next()) // { value: 'vue', done:true}
      console.log(it.next())//{value: undefined, done: true}

for-of遍历迭代器

  function* demo() {
        yield 1
        yield 2
        yield 3
        return 4
      }
      const it = demo()
      for (let k of it) {
        console.log(k)
      }

yield是ES6的新关键字,使生成器函数执行暂停,yield关键字后面的表达式的值返回给生成器的调用者。它可以被认为是一个基于生成器的版本的return关键字。
yield关键字实际返回一个IteratorResult(迭代器)对象,它有两个属性,value和done,分别代表返回值和是否完成。
yield无法单独工作,需要配合generator(生成器)的其他函数,如next,懒汉式操作,展现强大的主动控制特性。

  function* test() {
        yield 'a'
        yield 'b'
      }

      function* test1() {
        yield 'x'
        // yield* test()
        // for (let k of test()) {
        //   console.log(k)
        // }
        yield 'y'
      }
      for (let v of test1()) {
        console.log(v)
      }

      function* Person() {
        yield (this.name = 'zs')
        yield (this.age = 18)
      }
      let person = {}
      let obj = Person.bind(person)()
      console.log(obj.next())//{value: 'zs', done: false}
      console.log(obj.next())//{value: 18, done: false}
      console.log(person)//{name: 'zs', age: 18}


generator应用 

 const oImg = document.querySelector('img')
      let flag = true // 第一张 
function* change() {
        while (true) {
          yield (oImg.src = './images/2.jpg')
          yield (oImg.src = './images/1.jpg')
        }
      }
      const it = change()
      document.querySelector('.btn').addEventListener('click', function () {
        it.next()
      })


http://www.kler.cn/a/156554.html

相关文章:

  • 【论文阅读】Virtual Compiler Is All You Need For Assembly Code Search
  • MySQL【三】
  • Unity安装后点击登录没反应
  • 【项目组件】第三方库——websocketpp
  • Git在版本控制中的应用
  • 将Excel文件的两个表格经过验证后分别读取到Excel表和数据库
  • SpringBoot application.yml配置文件写法
  • homeassistant 随笔
  • java开发之个微机器人的实现
  • 面试题:MySQL为什么选择B+树作为索引结构
  • 135. 分发糖果
  • Linux结束程序运行的命令
  • GPIO的使用--存储系统与位带操作理解
  • 免费AI洗稿软件【2023最新】
  • 【JavaEE】多线程 (2) --线程安全
  • Elasticsearch 相似度评分模型介绍
  • JVM 运行时内存篇
  • ubuntu使用SSH服务远程登录另一台设备
  • 并发编程笔记
  • qiankun: 关于ElementUI字体图标加载不出来的问题
  • C++ Easyx 让圆球跟随鼠标移动
  • 【Node.js】解决npm报错:RequestError: unable to verify the first certificate
  • 手动安装配置dapr环境
  • 人工智能发展史
  • 算法leetcode|91. 解码方法(rust重拳出击)
  • 网易区块链,网易区块链赋能赣州脐橙数字藏品,数字指纹解决方案