minhas informações de contato
Correspondência[email protected]
2024-07-12
한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina
Padrões de projeto são soluções gerais para problemas comuns em projeto de software. A seguir estão alguns padrões de design comuns, divididos em três categorias principais: padrões de criação, padrões estruturais e padrões comportamentais.
Esses padrões fornecem mecanismos para criação de objetos, aumentando a flexibilidade e a reutilização do código existente.
Padrão singleton:
Padrão de Método de Fábrica:
Padrão de fábrica abstrato (fábrica abstrata):
Padrão de construtor (Construtor):
Protótipo:
Esses padrões lidam com combinações de objetos ou relacionamentos entre objetos e eles.
Modo adaptador:
Padrão de decorador (decorador):
Modo proxy (proxy):
Fachada:
Modo ponte (ponte):
Modo composto:
Modo peso mosca:
Esses padrões focam na comunicação entre objetos, ou seja, como os objetos interagem entre si e como distribuem responsabilidades.
Estratégia:
Padrão de método de modelo (método de modelo):
Padrão observador (Observador):
Padrão de iterador (Iterador):
Modelo de Cadeia de Responsabilidade:
Modo de comando (comando):
Modo lembrança:
Modo de estado:
Modo visitante:
Padrão mediador:
Modo intérprete (intérprete):
Durante a última entrevista, fui questionado sobre o uso de código para implementar o padrão assinante-editor. Tive tempo para simular esses padrões de design com código js.
Por exemplo
class PubSub {
constructor() {
this.events = {}; // 存储事件名称和对应的订阅者回调函数数组
}
// 订阅事件
subscribe(event, callback) {
if (!this.events[event]) {
this.events[event] = []; // 如果事件不存在,初始化一个空数组
}
this.events[event].push(callback); // 将回调函数添加到订阅者的数组
}
// 取消订阅事件
unsubscribe(event, callback) {
if (!this.events[event]) {
return;
}
this.events[event] = this.events[event].filter(cb => cb !== callback); // 移除指定的回调函数
}
// 取消特定事件的所有订阅
unsubscribeAll(event) {
if (this.events[event]) {
delete this.events[event]; // 删除所有订阅者
}
}
// 触发事件,使用 emit 作为方法名
emit(event, data) {
if (this.events[event]) {
// 执行所有订阅者的回调函数
this.events[event].forEach(callback => callback(data));
}
}
// 检查是否有订阅者
hasSubscribers(event) {
return this.events[event] && this.events[event].length > 0;
}
}
// 使用示例
const eventCenter = new PubSub();
// 订阅 'message' 事件
eventCenter.subscribe('message', (data) => {
console.log(`Message received: ${data}`);
});
// 订阅 'greet' 事件
eventCenter.subscribe('greet', (name) => {
console.log(`Hello, ${name}!`);
});
// 触发 'message' 事件
eventCenter.emit('message', 'Hello, Pub/Sub!');
// 触发 'greet' 事件
eventCenter.emit('greet', 'World');
// 取消对 'message' 事件的订阅
const myCallback = (data) => {
console.log(`My callback received: ${data}`);
};
eventCenter.subscribe('message', myCallback);
eventCenter.unsubscribe('message', myCallback);
// 再次触发 'message' 事件,myCallback 不会被调用
eventCenter.emit('message', 'This message will not be received by myCallback');
Neste exemplo,PubSub
A classe fornece a seguinte funcionalidade:
subscribe
O método permite que os assinantes registrem uma função de retorno de chamada para um evento específico.unsubscribe
O método permite que os assinantes cancelem o registro de suas funções de retorno de chamada de eventos específicos.unsubscribeAll
O método cancela todas as assinaturas de um evento específico.emit
O método aciona o evento e executa as funções de retorno de chamada de todos os assinantes.hasSubscribers
O método verifica se há assinantes para um evento específico.