解释 Backbone.js 中的内置事件


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

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

Backbone.js 简介

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

Backbone.js 的工作原理是:通过提供具有键值绑定的模型和自定义事件、具有全面可枚举方法 API 的集合、具有声明式事件处理的视图,以及通过 RESTful JSON 接口将所有这些组件连接到您当前的 API,Backbone.js 为 Web 应用程序带来了结构。

Backbone.js 中的事件

Backbone.js 事件是可以添加到任何对象的模块。通过使用我们建议的名称,它使对象更容易绑定和触发自定义事件。此外,当事件发生时,它会连接到对象并触发回调。它会从对象中删除所有事件和回调。它会为指定的事件打开回调函数。它使主干更长。

以下是修改 Backbone.js 事件的一些方法:

  • off - 它会从对象中删除所有事件或回调。

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

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

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

  • listenTo - 它提醒一个对象与另一个对象通信。

  • listentoonce - 它限制了 listento 发生的次数,然后回调函数终止。

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

backbone.js 中事件的语法

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

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])

此事件将回调函数绑定到调用它的给定对象,并且每当事件触发时,都会触发回调函数。此外,上下文不是必需的参数,但其他两个参数是必须传递的。

例如

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

在上面的例子中,我们有一个对象是学生,对于这个学生,当事件要更改姓名和学号时,我们会调用函数 'fun_change'。

Off 事件

语法

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

在前面的事件中,我们将特定的回调函数与对象一起添加,要从对象中删除该回调函数,我们可以使用此事件。这里所有参数都是可选的,但如果用户想要传递上下文,则回调函数和事件必须存在,类似地,如果用户不想传递上下文但想使用回调函数,则事件必须存在。

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

Trigger 事件

语法

object.trigger(event, [*args])

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

Once 事件

语法

object.listenTo(other,event, callback)

这里所有参数都是必须传递的,此事件告诉调用它的对象侦听其他事件,这有助于跟踪添加到对象的所有事件。

StopListening 事件

语法

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

这里所有参数都不是必须的,都是可选的。如果要删除之前根据提供的参数侦听的对象的所有事件。

结论

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

更新时间: 2023年3月17日

257 次查看

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告