JS `Iterable` (可迭代) 协议:自定义对象的 `for…of` 行为

各位观众老爷,晚上好!今天咱们聊聊JavaScript里一个挺有意思的东西:Iterable 协议。这玩意儿说白了,就是让你自己定义的 JavaScript 对象也能像数组一样,用 for…of 循环来遍历。听起来是不是挺酷炫的? 咱们先打个预防针,这玩意儿初学可能会觉得有点绕,但只要你跟着我一步一步走,保证你能掌握。而且,掌握了它,你在 JavaScript 的江湖地位,绝对能提升一个档次。 开场白:for…of 的诱惑 在 JavaScript 的世界里,我们经常需要遍历一些数据结构。比如数组: const myArray = [1, 2, 3, 4, 5]; for (const element of myArray) { console.log(element); // 输出 1, 2, 3, 4, 5 } 这个 for…of 循环用起来是不是感觉特别舒服?简洁明了,比传统的 for 循环和 forEach 方便多了。 但是,如果你想让自己的对象也能用 for…of 循环,那就需要用到今天的主角:Iterable 协议了。 什么是 Iterable 协议? It …