Symbol.iterator和Symbol.asyncIterator

原创

zayyo

发布于 2023-11-17 20:45:21

3310

文章被收录于专栏：zayyo前端zayyo前端

Symbol是什么？

symbol是ES6标准中新增的一种基本数据类型，symbol 的值是通过 Symbol()函数返回的，每一个 symbol 的值都是唯一的，即使传入相同的描述值。

注：Symbol 函数不允许通过 new 的方式调用

Symbol的作用是什么？

因为每一个 symbol 的值都是唯一的，所以不会出现重复的现象，所以symbol 类型的值可以作为对象的属性标识符使用。

Symbol.iterator

Symbol.iterator 为每一个对象定义了默认的迭代器。该迭代器可以被 for...of 循环使用，当我们需要遍历一个对象的时候，iterator函数就会被调用。

那什么是迭代器呢？

迭代器就是为实现对不同集合进行统一遍历操作的一种机制，

在es6中有三类结构生来就具有Iterator属性：数组、类数组对象、Map和Set结构。

Symbol.iterator是如何实现遍历的呢？

我们用代码模拟一下

let obj = {
    data: [],
    [Symbol.iterator]() {
        const self = this;
        let index = 0;
        return {
            next() {
                if (index < self.data.length) {
                    return {
                        value: self.data[index++],
                        done: false
                    };
                } else {
                    return { value: undefined, done: true };
                }
            }
        };
    }
};

从上面的代码可以看出，我们的Symbol.iterator会返回一个对象，这个对象就是一个遍历器对象，而作为遍历器对象，其必须具备的特征就是必须具备next()方法。

Symbol.asyncIterator

Symbol.asyncIterator 符号用于标识一个异步迭代器，作用与 Symbol.iterator 相同，但产生的值期待为 Promise 实例，该异步迭代器被 for await...of 使用.

那Symbol.asyncIterator是如何实现异步迭代的呢？

let obj = {
    data: [],
    [Symbol.asyncIterator]() {
        const self = this;
        let index = 0;
        return {
            next() {
                if (index < self.data.length) {
                    return {
                        value: Promise.resolve(i++),
                        done: false
                    };
                } else {
                    return { value: undefined, done: true };
                }
            }
        };
    }
};

我们的Symbol.asyncIterator和Symbol.iterator一样都会返回一个对象，一个遍历器对象，同样在Symbol.asyncIterator里也有有一个next()方法，不同的是Symbol.asyncIterator里面返回的value是一个异步的Promise.resolve(i++)。执行的是异步的迭代。

我正在参与2023腾讯技术创作特训营第三期有奖征文，组队打卡瓜分大奖！

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

2023腾讯·技术创作特训营第三期

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

2023腾讯·技术创作特训营第三期

登录后参与评论

0 条评论

热度