解释Backbone.js中的内置事件

解释Backbone.js中的内置事件

Backbone.js中存在多种事件,这些事件被称为内置事件。顾名思义,程序员和用户已经定义了内置事件,并且可以直接使用它们。根据需求,用户也可以创建自己的事件,这些事件不属于内置事件。

事件提供给用户的一个显著特点是它将事件监听器添加到相关的选择器、自定义选择器和el。如果没有提供任何选择器,则相关的选择器和el事件监听器都会被附加。

Backbone.js简介

Backbone.js是一种用于JavaScript编程语言的工具包或框架,允许创建轻量级的单页应用。此外,BackboneJS是一个小型的JavaScript框架,可以开发和管理客户端Web应用程序。它提供了一个将DOM抽象成视图、将数据抽象成模型,并使用事件将这两者链接起来的MVC框架。

Backbone.js通过为模型提供键值绑定和自定义事件、为集合提供一系列枚举方法的API、为视图提供声明性事件处理,以及通过一个RESTful JSON接口将所有这些组件连接到您当前的API中,为Web应用程序带来了结构。

Backbone.js中的事件

Backbone.js事件是可以添加到任何对象的模块。使用我们推荐的名称,可使对象更容易绑定和触发自定义事件。此外,当事件发生时,它会连接到对象并启动回调。它从对象中删除每个事件和回调。它为指定的事件打开回调函数。它使骨架更长。

以下是修改Backbone.js事件的技巧列表:

  • off - 它消除对象上的所有事件或回调。

  • trigger - 它激活指定事件的回调过程。

  • on - 当事件被触发时,它将事件与对象绑定并调用回调。

  • stopListening - 此函数允许您停止监听其他对象上发生的事件。

  • listenTo - 它通知一个对象与另一个对象进行通信。

  • listentoonce - 它限制listento在回调函数终止之前发生的次数。

  • once - 在开发自己的骨架模型时,它扩展了backbone.model类。

backbone.js中事件的语法

backbone.js中的事件使用事件关键字以键值对的形式定义。让我们先看一下语法,以便更好地理解。

events: {
   'first_event_name': 'function_first',
   'second_event_name': 'function_second',
}

在上述语法中,我们将使用“events”关键字来定义一个事件,然后在其中使用键值对的形式定义一个特定的事件,该事件的名称后面跟着调用事件之后要调用的函数。

Backbone.js中的内置事件

我们已经了解了backbone.js中事件的基本知识,其中一些是内置的,而一些不是。另外,在进一步学习后,我们还看到了用户可以自己创建的一些事件的语法。现在让我们来了解下backbone.js的内置事件的基础知识。

On事件

语法

object.on(event, callback_function, [context])

该事件将一个回调函数绑定到调用它的对象上,每当事件被触发时,回调函数将被执行。另外,context参数不是必须的,但其他两个参数是必须传递的。

例如

student.on("change: name, change:roll_number", fun_change);

在上面的示例中,我们有一个名为“student”的对象,对于该学生,当事件是更改姓名和学号时,我们调用函数’fun_change’。

离开事件

语法

object.off([event], [callback_function], [context])

在上一个事件中,我们添加了一个特定的回调函数到对象中,要从对象中移除该回调函数,我们可以使用这个事件。这里所有的参数都是可选的,但如果用户想要传递上下文,则回调函数和事件必须存在于那里,同样,如果用户不想传递上下文但想使用回调函数,则事件必须存在于那里。

如果未提供上下文,则将删除具有相同回调函数的所有对象的事件,同样,如果未指定事件,则将删除所有事件的回调函数。

触发事件

语法

object.trigger(event, [*args])

在上述语法中,必须传递事件参数,并且可以传递多个使用逗号分隔的事件。如果需要,还可以提供其他特定的参数,但它们不是必需的。Trigger只会触发给定事件或传递给该方法的事件集的回调。

一次性事件

语法

object.listenTo(other,event, callback)

在这里,所有的参数都是必须传递的,并且该事件告诉调用它的对象来监听其他事件,这有助于跟踪添加到对象上的所有事件。

停止监听事件

语法

object.stopListening([other],[event], [callback])

这里所有的参数都不是必需的,都是可选的。根据提供的参数,如果将对象先前监听的所有事件都移除。

结论

在本文中,我们了解到Backbone.js中存在各种事件,这些事件被称为内置事件。Backbone.js是Javascript编程语言的工具包或框架,允许创建轻量级的单页应用程序。当事件发生时,它会连接到对象并启动回调。它会从对象中移除每个事件和回调。各种事件包括:on、off、trigger、once、listenTo。

Camera课程

Python教程

Java教程

Web教程

数据库教程

图形图像教程

办公软件教程

Linux教程

计算机教程

大数据教程

开发工具教程