Symbol.iterator

复制代码
// 生成器
// 生成器与迭代器使用方法一样
// function* gen() {
//   yield Promise.resolve('1') // 接同步代码异步代码都可以
//   yield '2'
//   yield '3'
// }
// const man = gen()
// done表示是否生成完成,生成器调用next会一步一步返回对应的值和done值,当全部完成会返回done:true
// console.log(man.next()); // {value: Promise{'1'}, done: false}
// console.log(man.next()); // {value: '2', done: false}
// console.log(man.next()); // {value: '3', done: false}
// console.log(man.next()); // {value: undefined, done: true}

// set、map、数组、argument、NodeList伪数组查看prototype都有迭代器Symbol.iteratior
// const set:Set<number> = new Set([1,1,2,3,3,3])
// const each = (value:any) => {
//   let it:any = value[Symbol.iterator]() // 获取需要迭代的迭代器,是个函数
//   let next:any = {done: false} // 定义next
//   while(!next.done) { // 如果还没到迭代到完成
//     next = it.next() // 获取迭代到哪一步
//     if(!next.done) {
//       console.log(next.value); // 输出值
//     }
//   }
// }
// each(set) //1,2,3

// 迭代器的语法糖 for of, 
// for (const element of set) {
//   console.log(element);
// }

// for of不可以使用在对象上,因为对象上没有Symbol.iterator
// const obj2 = {
//   name: '1'
// }
// for (const element of obj2) {
  
// }

// 数组的解构也是调用迭代器Symbol.iterator
// const [l,b,c] = [1,2,3]
// console.log(l,b,c); //1,2,3

// 给对象加上迭代器
const obj1 = {
  max: 5,
  current: 0,
  [Symbol.iterator]() {
    return{
      max: this.max,
      current:  this.current,
      next() {
        if(this.current === this.max){
          return {done: true}
        } else {
          return {
            value: this.current++,
            done: false
          }
        }
      }
    }
  }
}
for (const element of obj1) {
  console.log(element); //0,1,2,3,4
}
复制代码

 

posted on   ChoZ  阅读(5)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示