javascript迭代器模式的简单介绍

迭代器模式是一种设计模式，它通过提供一种方法来迭代集合中的每个元素，而不用关注集合的具体实现方式。JavaScript语言中，很多数据类型都支持迭代器模式的实现，比如数组、字符串、Set、Map、Generator等等。

迭代器模式的好处在于它能够简化代码的调用，同时使得代码更易于理解和维护。比如说，你要遍历一个数组中的所有元素，那么你可以使用for循环或者forEach方法。这两种方法都是迭代器模式的实现，它们具有相同的功能和简介的代码。比如，使用for循环遍历一个数组：

let arr = [1, 2, 3, 4];
for(let i = 0; i < arr.length; i++){
  console.log(arr[i]);
}

使用forEach方法遍历数组：

let arr = [1, 2, 3, 4];
arr.forEach(function(item){
  console.log(item);
});

可以看到，两种方法都是对集合进行迭代的方式，只是使用的语法和方法不同而已。而这一切都源于JavaScript内置对迭代器模式的支持。

当然，迭代器模式不仅仅只是简化代码调用，它还能够适应不同的数据类型、数据结构及其遍历方式。比如说，使用迭代器模式遍历一个Map数据结构：

let map = new Map([['a', 1],['b', 2],['c', 3]]);
for(let item of map){
  console.log(item);
}

//输出结果：
//["a", 1]
//["b", 2]
//["c", 3]

在上述代码中，使用for...of语法遍历了一个Map对象，与使用for循环遍历数组的方式不同，这里的item是一个数组类型，其中 个元素是Map对象的键，第二个元素则是对应的值。

另外一个常见的应用场景是使用迭代器模式来对树形结构进行遍历。在树形结构中，每个节点可能有多个子节点，因此遍历方式有许多种，包括前序遍历、中序遍历和后序遍历。

下面是一个简单的树形结构的遍历实现：

function Node(value, children){
  this.value = value;
  this.children = children;
}

let rootNode = new Node(1, [
  new Node(2, [new Node(4), new Node(5)]),
  new Node(3)
]);

function traverse(rootNode){
  console.log(rootNode.value);
  rootNode.children.forEach(function(childNode){
    traverse(childNode);
  });
}

traverse(rootNode);

//输出结果：
//1
//2
//4
//5
//3

在上述代码中，使用了递归的方式来遍历树形结构。首先遍历根节点，然后对其子节点依次进行迭代，直到所有节点都被遍历完成为止。

总的来说，迭代器模式是一个非常有用的设计模式，它可以简化代码的调用，同时又能够适应不同种类的数据结构，从而提高代码的可复用性和可维护性。