【設(shè)計(jì)模式】觀(guān)察者模式VS發(fā)布訂閱模式

1、觀(guān)察者模式與發(fā)布訂閱模式在實(shí)際項(xiàng)目中廣泛使用，兩者雖然常被提及，但并非同一設(shè)計(jì)模式。理解它們的關(guān)鍵在于其主體角色與交互方式。觀(guān)察者模式中，存在兩種主體：Subject（主題）與Obrver（觀(guān)察者）。

2、前端設(shè)計(jì)模式中的兩種經(jīng)典模式——觀(guān)察者模式與發(fā)布/訂閱模式，它們分別關(guān)注對(duì)象間的依賴(lài)關(guān)系管理和通知機(jī)制。觀(guān)察者模式，作為對(duì)象行為模式，核心在于主體維護(hù)觀(guān)察者列表，并在狀態(tài)變化時(shí)自動(dòng)通知。它解決了類(lèi)間一致性問(wèn)題，但主體與觀(guān)察者之間是緊密耦合的，主體定義了他們之間的聯(lián)系。

3、觀(guān)察者模式：Subject直接通知其Obrver列表中的每一個(gè)Obrver，消息傳遞是直接的，沒(méi)有中間環(huán)節(jié)。發(fā)布訂閱模式：Publisher不直接通知Subscriber，而是將消息發(fā)布到Broker，由Broker根據(jù)訂閱關(guān)系將消息傳遞給相應(yīng)的Subscriber。這種機(jī)制允許更靈活的消息分發(fā)和訂閱管理。

4、觀(guān)察者模式屬于行為型模式，行為型模式關(guān)注的是對(duì)象之間的通訊，觀(guān)察者模式就是觀(guān)察者和被觀(guān)察者之間的通訊。觀(guān)察者模式有一個(gè)別名叫“發(fā)布-訂閱模式”，或者說(shuō)是“訂閱-發(fā)布模式”，訂閱者和訂閱目標(biāo)是聯(lián)系在一起的，當(dāng)訂閱目標(biāo)發(fā)生改變時(shí)，逐個(gè)通知訂閱者。

5、觀(guān)察者模式和發(fā)布訂閱模式在設(shè)計(jì)中都是實(shí)現(xiàn)松耦合和可重用性的關(guān)鍵策略，但它們的實(shí)現(xiàn)方式和應(yīng)用場(chǎng)景有所不同。讓我們深入探討這兩種模式的區(qū)別。

面試中js常問(wèn)的12個(gè)設(shè)計(jì)模式

在JavaScript面試中，常問(wèn)的12個(gè)設(shè)計(jì)模式包括：工廠(chǎng)模式：通過(guò)工廠(chǎng)方法創(chuàng)建對(duì)象，根據(jù)輸入?yún)?shù)確定實(shí)例類(lèi)型。提升代碼的靈活性。單例模式：確保類(lèi)只有一個(gè)實(shí)例，提供統(tǒng)一訪(fǎng)問(wèn)。便于資源管理。觀(guān)察者模式：定義一對(duì)多的依賴(lài)關(guān)系，當(dāng)主體變化時(shí)，觀(guān)察者自動(dòng)更新。實(shí)現(xiàn)的監(jiān)聽(tīng)和響應(yīng)。

反應(yīng)堆設(shè)計(jì)模式是 Node.js 的核心機(jī)制，通過(guò)回調(diào)和隊(duì)列實(shí)現(xiàn)非阻塞 I/O。與多線(xiàn)程網(wǎng)絡(luò)后端相比，單線(xiàn)程的優(yōu)點(diǎn)在于代碼簡(jiǎn)潔和易于測(cè)試，如使用 REPL 進(jìn)行交互式開(kāi)發(fā)。了解 stub 在測(cè)試中的作用，如何在 Express 中分離應(yīng)用與服務(wù)器，以及 npm 和 yarn 的區(qū)別和優(yōu)劣，都是面試中不可或缺的知識(shí)點(diǎn)。

js工廠(chǎng)模式 說(shuō)明：在函數(shù)中定義對(duì)象，并定義對(duì)象的各種屬性，雖然屬性可以為方法，但是建議將屬性為方法的屬性定義到函數(shù)之外，這樣可以避免重復(fù)創(chuàng)建該方法。

常見(jiàn)前端基礎(chǔ)面試題主要包括以下幾點(diǎn)：原生基礎(chǔ)：new關(guān)鍵字的作用和原理。BFC的概念和應(yīng)用。清除浮動(dòng)的方法，如使用clear屬性、偽元素等。HTML5與CSS3：HTML5新元素，如、、等。CSS布局方式，包括table布局、flex布局、float布局以及響應(yīng)式設(shè)計(jì)。CSS盒模型的理解，包括margin、border、padding和content。