Question

我正在学习JavaScript并阅读Ninja Secrets的书籍，这就是他将点击事件绑定到按钮的方法。因此，我只是一个初学者并且学习我想要做的是最好和最终的方式（将按钮处理器添加到按钮）或者他刚用这个作为示例来演示闭包，这不是真实的世界已经完成。

  <body>
    <button id="test">Click Me!</button>

    <script>
      function bind(context,name){                                 //#1
        return function(){                                         //#1
          return context[name].apply(context,arguments);           //#1
        };                                                         //#1
      }                                                            //#1

      var button = {
        clicked: false,
        click: function(){
          this.clicked = true;
          assert(button.clicked,"The button has been clicked");
          console.log(this);
        }
      };

      var elem = document.getElementById("test");
      elem.addEventListener("click",bind(button,"click"),false);     //#2

    </script>

  </body>

Answer 1

他主要解释这是如何用于教育目的的。在现代ECMAScript 5中，有一个原生Function.bind (docs here)所以你可以这样做：

elem.addEventListener("click", button.click.bind(button), false);

将特定上下文绑定到事件处理程序

1 个答案: