Backbone.js listenTo Event notifica a un objeto que escuche un evento particular en otro objeto. El beneficio de usar este formulario es que listenTo permite que el objeto realice un seguimiento de los eventos y, más tarde, se eliminan todos a la vez. Cuando ocurre un evento, la función de devolución de llamada se llamará con el objeto como contexto.
El evento backbone.js listenToOnce() es similar al evento listenTo() con la única diferencia de que la función de devolución de llamada se llama solo una vez antes de eliminarla.
Sintaxis:
object.listenToOnce(other, event, callback)
Valores paramétricos:
- otro : el valor de este parámetro se utiliza para definir el nombre del otro objeto.
- event : el valor de este parámetro se usa para vincular un objeto con un evento.
- devolución de llamada : el valor de este parámetro se usa para hacer una referencia al código que luego se llama con el objeto como contexto.
Ejemplo : este ejemplo describe el evento listenToOnce() en BackboneJS.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS Event listenToOnce</title>
<script src=
"https://code.jquery.com/jquery-2.1.3.min.js"
type="text/javascript">
</script>
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js"
type="text/javascript">
</script>
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js"
type="text/javascript">
</script>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>BackboneJS Event listenToOnce</h3>
<script type="text/javascript">
var gfgVar1 = _.extend({
value: 'Data Structures & Algorithms',
}, Backbone.Events);
var gfgVar2 = _.extend({
value: 'Web Technology',
}, Backbone.Events);
let listenVar = function() {
document.write(`</br>This is ` + this.value + ` course.`);
};
gfgVar1.listenToOnce(gfgVar1, 'listenVar', listenVar);
gfgVar2.listenToOnce(gfgVar1, 'listenVar', listenVar);
gfgVar1.trigger('listenVar');
</script>
</body>
</html>
Aquí, la función _.extend() se usa para crear una copia de todas las propiedades de los objetos de origen sobre el objeto de destino y devolver el objeto de destino.
Producción:
evento listenToOnce()
Referencia: https://backbonejs.org/#Events-listenToOnce
Publicación traducida automáticamente
Artículo escrito por GeeksforGeeks-1 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA