Exemple de modèle d'apparence de modèle de conception JavaScript_compétences javascript

Le mode Apparence (mode façade) est un mode relativement simple et omniprésent. Le modèle d'apparence fournit une interface de haut niveau qui permet aux clients ou aux sous-systèmes de l'appeler plus facilement.

Utilisez un simple morceau de code pour l'exprimer :

Copier le code Le code est le suivant :

var getName = function(){
retourner "svenzeng"
>
var getSex = fonction(){
retourne 'homme'
>

Si vous devez appeler les fonctions getName et getSex séparément, vous pouvez utiliser une interface de niveau supérieur getUserInfo pour l'appeler.

Copier le code Le code est le suivant :

var getUserInfo = fonction(){
var info = a() b();
renvoyer les informations ;
>

La réponse est évidente. Le chef sauté de la cantine ne fera pas sauter les deux plats dans la même marmite simplement parce que vous avez commandé une portion de canard rôti et une portion de chou. Il préfère vous proposer un set de riz au canard rôti. Également en programmation, nous devons nous assurer que les fonctions ou les objets ont autant que possible une granularité raisonnable. Après tout, tout le monde n'aime pas manger du canard rôti et n'aime pas aussi manger du chou.

Un autre avantage du mode apparence est qu'il peut cacher les véritables détails de mise en œuvre aux utilisateurs, qui ne se soucient que de l'interface de plus haut niveau. Par exemple, dans l'histoire du riz au canard rôti, peu importe si le chef cuisine d'abord le canard rôti ou le chou en premier, et peu importe où le canard a été cultivé.

Enfin, écrivons un exemple de mode d'apparence que nous avons tous utilisé :

Copier le code Le code est le suivant :

var stopEvent = function( e ){ //Arrêter le comportement par défaut de l'événement et le bouillonnement en même temps
e.stopPropagation();
e.preventDefault();
>