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

傻瓜式在线做网站培训机构退费法律规定

傻瓜式在线做网站,培训机构退费法律规定,建设简单网站的图纸,彩票网站开发系统目录 Iterator 的作用 Iterator 的遍历过程 Symbol.iterator方法 实现iterator接口的自定义类示例 Generator函数 迭代器对象的next方法的运行逻辑 迭代器对象除了具有next方法,还可以具有return方法。 Iterator 的作用 为各种数据结构,提供一个统…

目录

Iterator 的作用

Iterator 的遍历过程

Symbol.iterator方法

实现iterator接口的自定义类示例

Generator函数

迭代器对象的next方法的运行逻辑

迭代器对象除了具有next方法,还可以具有return方法。


Iterator 的作用

为各种数据结构,提供一个统一的、简便的访问接口。

使得数据结构的成员能够按某种次序排列。

任何数据结构只要部署 Iterator 接口,就可以完成遍历操作。Iterator 接口约定对象必须具备Symbol.iterator方法,且该方法返回一个迭代器对象。

Iterator 的遍历过程

创建一个指针对象(迭代器),指向当前数据结构的起始位置。 也就是说,迭代器对象本质上,就是一个指针对象。该对象必定有一个名为next的方法。

第一次调用指针对象的next方法,可以将指针指向数据结构的第一个成员;第二次调用指针对象的next方法,指针就指向数据结构的第二个成员;不断调用指针对象的next方法,直到它指向数据结构的结束位置。

Symbol.iterator方法

默认的 Iterator 接口部署在数据结构的Symbol.iterator方法。也就是说,一个数据结构只要具有Symbol.iterator方法,就可以认为是“可遍历的”(iterable)。

原生具备 Iterator 接口的数据结构:

  • Array
  • Map
  • Set
  • String
  • TypedArray(类型化的数组)
  • 函数的 arguments 对象
  • NodeList 对象
let arr = ["a", "b", "c"];
let iter = arr[Symbol.iterator]();
console.log(iter.next());
console.log(iter.next());
console.log(iter.next());
console.log(iter.next());

一个对象如果要具备可被for...of调用的 Iterator 接口,就必须在Symbol.iterator上部署生成迭代器对象的方法。

迭代器对象必须具备next方法。next方法必须返回一个具备value和done的对象。

{value: undefined, done: true}

value为每次迭代的值,迭代结束时该值为undefined。

done为布尔值,表示迭代是否结束,结束为true,否则为false。

实现iterator接口的自定义类示例

class Rander {constructor(start, stop, step) {this.start = start;this.stop = stop;this.step = step;}[Symbol.iterator]() {let range = this;return {next() {let value = range.value;if (value < range.stop) {range.value += range.step;return { done: false, value: value };}return { done: true, value: undefined };},};}
}
function range(start, stop, step = 1) {return new Rander(start, stop, step);
}
for (let i of range(0, 9, 2)) {console.log(i);
}
let num = [...range(0, 9, 2)];
console.log(num);

Generator函数

生成器函数是用来产生一个生成器对象的。定义生成器函数需要使用*。

通过Generator函数实现Iterator 接口迭代。

let obj = {
name1: "Tom",
name2: "Jerry",
name3: "Mickey",
name4: "Miney",
*[Symbol.iterator]() {
yield this.name1;
yield this.name2;
yield this.name3;
},
};
console.log(obj[Symbol.iterator]().next());
console.log([...obj]);
for (let k of obj) {
console.log(k);
}

由于 Generator 函数返回的迭 代器对象,只有调用next方法才 会遍历下一个内部状态,所以其实 提供了一种可以暂停执行的函数。 yield表达式就是暂停标志。

迭代器对象的next方法的运行逻辑

  1. 遇到yield表达式,就暂停执行后面的操作,并将紧跟在yield后面的那个表达式的值作为返回的对象的value属性值。
  2. 下一次调用next方法时,再继续往下执行,直到遇到下一个yield表达式。
  3. 如果没有再遇到新的yield表达式,就一直运行到函数结束,直到return语句为止,并将return语句后面的表达式的值作为返回的对象的value属性值。
  4. 如果该函数没有return语句(即没有返回值),则返回的对象的value属性值为undefined。

迭代器对象除了具有next方法,还可以具有return方法。

如果for...of循环提前退出(通常是因为出错,或者有break语句),就会调用return方法。如果一个对象在完成遍历前,需要清理或释放资源,就可以部署return方法。

http://www.dtcms.com/wzjs/310111.html

相关文章:

  • 电脑搭建网站需要空间优化营商环境条例心得体会
  • axure怎么做网站原型微信营销典型案例
  • 淄博做网站建设的公司公众号引流推广平台
  • 网站都有什么语言天津网络推广seo
  • 东莞品牌型网站建设价格爱站网长尾关键词挖掘工具
  • wordpress资源占用seo关键词排名在线查询
  • 政府部门网站栏目建设方案网站提交百度收录
  • wordpress发布产品aso优化平台
  • 广州做蛋糕的网站网络热词2023流行语及解释
  • 网站开发技术 难点seo管理系统培训运营
  • 中山做网站建设联系电话seo发帖工具
  • wordpress自动上传至cdnseo营销名词解释
  • 做百度推广需要网站吗优化人员配置
  • idea网站开发昆明排名优化
  • wordpress用户后台登录界面模板海南seo
  • 子网站怎么做网店运营推广
  • 合肥网站建设需今日头条新闻在线看
  • 合肥网站建设方案案例搜索引擎优化结果
  • 李可做的网站广告网络
  • 赣州人事人才网单页面网站如何优化
  • 注册公司什么网站线上推广的方式
  • cms开源系统seo优化要做什么
  • 如何学习网站建设上海网站推广服务
  • 建立一个网址需要多少钱百度seo关键词排名
  • 做网站有什么作用国内网络推广渠道
  • 做网站用虚拟主机还是用服务器百度号码认证平台
  • 莆田网站关键词优化今日新闻头条大事
  • 四川省城乡住房建设部网站成都新一轮疫情
  • app网站建设手把手教你优化网站
  • 泰安神秀网络科技有限公司淘宝seo