js设计模式有哪些特点？如何巧妙运用

【设计模式】观察者模式VS发布订阅模式

1、观察者模式与发布订阅模式在实际项目中广泛使用，两者虽然常被提及，但并非同一设计模式。理解它们的关键在于其主体角色与交互方式。观察者模式中，存在两种主体：Subject（主题）与Obrver（观察者）。

2、前端设计模式中的两种经典模式——观察者模式与发布/订阅模式，它们分别关注对象间的依赖关系管理和通知机制。观察者模式，作为对象行为模式，核心在于主体维护观察者列表，并在状态变化时自动通知。它解决了类间一致性问题，但主体与观察者之间是紧密耦合的，主体定义了他们之间的联系。

3、观察者模式：Subject直接通知其Obrver列表中的每一个Obrver，消息传递是直接的，没有中间环节。发布订阅模式：Publisher不直接通知Subscriber，而是将消息发布到Broker，由Broker根据订阅关系将消息传递给相应的Subscriber。这种机制允许更灵活的消息分发和订阅管理。

4、观察者模式属于行为型模式，行为型模式关注的是对象之间的通讯，观察者模式就是观察者和被观察者之间的通讯。观察者模式有一个别名叫“发布-订阅模式”，或者说是“订阅-发布模式”，订阅者和订阅目标是联系在一起的，当订阅目标发生改变时，逐个通知订阅者。

5、观察者模式和发布订阅模式在设计中都是实现松耦合和可重用性的关键策略，但它们的实现方式和应用场景有所不同。让我们深入探讨这两种模式的区别。

面试中js常问的12个设计模式

在JavaScript面试中，常问的12个设计模式包括：工厂模式：通过工厂方法创建对象，根据输入参数确定实例类型。提升代码的灵活性。单例模式：确保类只有一个实例，提供统一访问。便于资源管理。观察者模式：定义一对多的依赖关系，当主体变化时，观察者自动更新。实现的监听和响应。

反应堆设计模式是 Node.js 的核心机制，通过回调和队列实现非阻塞 I/O。与多线程网络后端相比，单线程的优点在于代码简洁和易于测试，如使用 REPL 进行交互式开发。了解 stub 在测试中的作用，如何在 Express 中分离应用与服务器，以及 npm 和 yarn 的区别和优劣，都是面试中不可或缺的知识点。

js工厂模式 说明：在函数中定义对象，并定义对象的各种属性，虽然属性可以为方法，但是建议将属性为方法的属性定义到函数之外，这样可以避免重复创建该方法。

常见前端基础面试题主要包括以下几点：原生基础：new关键字的作用和原理。BFC的概念和应用。清除浮动的方法，如使用clear属性、伪元素等。HTML5与CSS3：HTML5新元素，如、、等。CSS布局方式，包括table布局、flex布局、float布局以及响应式设计。CSS盒模型的理解，包括margin、border、padding和content。