BackboneJS - 事件 Once

描述

它就像一个 on 事件,但会导致绑定的回调在被删除之前只触发一次。

语法

object.once(event, callback function, [context])

参数

  • event − 它绑定一个对象。

  • callback − 它是对代码的引用。

  • context − 它是一个可以传递给回调函数的对象。

示例

<!DOCTYPE html>
<html>
   
   <head>
      <title>Event Once Example</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>
      <script type = "text/javascript">
        //使用 Backbone.Events 方法扩展创建的对象 'myVal'
        var myVal = _.extend({name:'TutorialsPoint!!!'}, Backbone.Events);
        
        //once() 方法导致绑定的回调只触发一次,然后被删除
        myVal.once('hello', function () {
            document.write("触发一次后的值为: ");
            document.write(this.name);//name 将通过引用当前对象显示
        });
        
        //它触发对象 'myVal' 上的 'hello' 事件
        myVal.trigger('hello');
      </script>
      
   </body>
</html>

输出

让我们执行以下步骤来查看上述代码的工作原理 −

  • 将上述代码保存在 once.htm 文件中

  • 在浏览器中打开此 HTML 文件。

backbonejs_events.html