通过最近的面试我发现，很多同行小伙伴做了几年的开发竟然连基本的设计模式都不知道，甚至可能连什么是设计模式都说的有点模棱两可。 如果作为几年经验的中高级前端这其实是不应该的。

本文正在参加「金石计划」 前言 本文属于我的 前端需要掌握的设计模式 专栏。上一篇：# 说说 观察者模式 和 发布——订阅模式 的区别。 本文以 用 for of遍历 Object 为引 来聊聊 迭代

入行几年，可能发现除了发布订阅者模式和单例模式知道些外，其他的模式只是对其名称有所耳闻，只知其名，不知其义。好像这丝毫不影响我搬砖，那么学习总结设计模式的意义在哪里？

本文将介绍发布-订阅模式的基本概念和通用实现方式，结合vue源码中的实现方式，使读者对该模式有更深刻的理解和认识

迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素，而又不需要暴露该对象的内部表示。迭代器模式可以把迭代的过程从业务逻辑中分离出来，在使用迭代器模式之后，即使不关心对象的内部构造，也可以按顺序

迭代器模式可以帮助你遍历列表、栈等集合形式的元素。由于出于数据结构的安全性，且重复代码的出现，迭代器则可以应付这类场景。

最近我的小伙伴们在面试中，这两个被问的很频繁，斗胆的跟大家分享一下我的理解。我将采用“官方解释”+“大白话”的方式。 观察者模式：一个对象（观察者）订阅另一个对象（主题），当主题被激活的时候，触发观察者里面的事件。 大白话解释：当去你去医院打吊瓶（某些地方叫打点滴，就是这么严谨…

我微笑着回答：“没有区别，它们是一样的。” 但是面试官笑了，“不，它们不一样。” 之后我回到家打开google查找答案。这篇文章就是我google后的总结。 在深入探讨区别之前，我们先来讨论下“观察者模式”和“发布订阅模式”。 我认为大多数人都会同意观察者模式是学起来最好入门的…

今天的话题是javascript中常被提及的「发布订阅模式和观察者模式」，提到这，我不由得想起了一次面试。记得在去年的一次求职面试过程中，面试官问我，“你在项目中是怎么处理非父子组件之间的通信的？”。我答道，“有用到vuex，有的场景也会用EventEmitter2”。面试官继…