Série de modèles de conception JavaScript 8 : modèle d'apparence

Cet article partage avec vous la huitième série de modèles de conception JavaScript : Mode apparence. Les amis intéressés peuvent y jeter un œil.

Mode apparence

Le mode apparence fait référence à la fourniture d'une interface unifiée. accéder à plusieurs interfaces différentes de plusieurs sous-systèmes et fournir une interface de haut niveau unifiée pour un ensemble d'interfaces dans le sous-système. Cela rend le sous-système plus facile à utiliser, non seulement en simplifiant l'interface dans la classe, mais également en dissociant l'appelant et l'interface.
Le mode Apparence est très courant dans notre travail quotidien.

Regardons un exemple :

// a.js
export default {
  getA (params) {
    // do something...
  }
}

// b.js 
export default {
  getB (params) {
    // do something...
  }
}

// app.js  外观模式为子系统提供同一的高层接口
import A from './a'
import B from './b'
export default {
  A,
  B
}

// 通过同一接口调用子系统

import app from './app'

app.A.getA(params);
app.B.getB(params);

La différence avec le modèle d'adaptateur

Le modèle d'adaptateur enveloppe un objet pour changer son interface, et l'apparence Un modèle enveloppe un groupe d'objets pour simplifier leur interface.
Les adaptateurs convertissent les interfaces en différentes interfaces, tandis que les modèles d'apparence fournissent une interface unifiée pour simplifier les interfaces.

Recommandations associées :

Série de modèles de conception JavaScript 3 : Modèle de générateur

Série de modèles de conception JavaScript 5 : Modèle d'adaptateur

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!