✅ Backbone.js - Événements

Table des matières

Les événements Ce sont des structures de contrôle inverses, nous disons cela parce que normalement nous appelons une fonction pour faire quelque chose, dans le cas d'un événement, elle appelle la fonction ou l'action lorsqu'une situation particulière se produit ou se produit.
C'est l'un des aspects les plus forts et les plus puissants de Backbone.js, puisque son système de contrôle d'événements nous évite d'avoir à le faire manuellement, offrant la possibilité de construire notre logique de manière plus simple.
Système d'événements Backbone.js
Comme nous l'avons mentionné le Système d'événements Backbone.js est très puissant, la raison en est que le composant principal de Backbone.Événements Il est mélangé aux principales classes du framework, donnant ainsi la possibilité d'intégrer tout cela dans nos applications de manière simple.
Certaines des classes dans lesquelles nous avons le système d'événements intégré sont :

Backbone.Modèle
Backbone.Collection
Backbone.Router
Backbone.Histoire
Backbone.Voir

ImportantNous devons également garder à l'esprit que Backbone.Événements est également disponible dans le Objet de l'épine dorsale qui est visible de n'importe où dans l'application, avec cela, nous pouvons l'utiliser comme un bus d'événements de la manière suivante que nous verrons dans l'image ci-dessous :

AGRANDIR

L'opération est très simple, simplement avec le Objet de l'épine dorsale Nous lui disons qu'une fonction anonyme s'exécutera lorsqu'un certain événement se produit, nous le faisons avec le méthode .on(), le premier paramètre est l'événement et le second la fonction, dans la fonction anonyme qui se produit dans le rappel, nous pouvons exécuter d'autres choses dans ce cas, nous avons créé un journal dans la console.
Événements associésNous savons déjà comment fonctionne le système d'événements de manière assez basique, cependant il existe plus d'outils qui nous permettent d'avoir un plus grand contrôle et même de personnaliser nos propres déclencheurs, les événements dans l'application, pour cela nous avons les méthodes, .on () .off () et déclencheur () qui nous donnent la possibilité d'effectuer la gestion correspondante.
Créer un événement personnalisé avec .trigger()
C'est peut-être l'un des outils les plus utiles dont nous disposons, car il nous permet de contrôler nos propres événements, avec lesquels nous pouvons ajouter plus de complexité à notre logique et obtenir les résultats appropriés dont nous avons besoin d'une manière très conviviale. code:

 var notreObj = {}; // On crée le Mixin qui permet de s'associer à la classe Backbone.Events _.extend (ourObj, Backbone.Events); // Nous créons l'événement personnalisé ourObj.on ('danse', fonction (msg) {console.log ('notre événement est' + msg);}); // Nous déclenchons l'événement personnalisé avec .trigger () ourObj.trigger ('dance', 'a dance');

Nous créons simplement une association entre notre objet et le Classe d'événements, avec cela nous pouvons hériter de toutes ses fonctionnalités, puis nous définissons le comportement et notre événement personnalisé nous aidant avec le méthode .on(), enfin nous pouvons en obtenir le résultat en faisant un appel personnalisé en utilisant le méthode .trigger().
Cela nous donne comme résultat ce que nous voyons ci-dessous dans l'image suivante, lorsque nous l'exécutons dans la console Javascript de Google Chrome:

AGRANDIR

Comme nous avons pu le voir, la gestion d'événements dans Backbone.js C'est quelque chose de très important, mais son utilisation et sa mise en œuvre sont assez simples, ce qui nous aide à créer de meilleures applications avec le moins d'effort et avec une courbe d'apprentissage assez courte.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif