JS：如何在 addEventListener 中使用匿名 function.bind

Question

我正在为河内塔编写代码，并将在 canvas（html 元素）上使用 eventListeners。在阅读它们时，我运行来自 developer.mozilla.org、

的以下代码

标题 - 将数据传入和传出事件侦听器
副标题 - 使用此方法将数据导入事件侦听器

1 var myButton = document.getElementById('my-button-id');
2 var someString = 'Data';
3
4 myButton.addEventListener('click', function.bind(someString) {
5  console.log(this);  // Expected Value: 'Data'
6 });

为什么我的结果是 "SyntaxError: missing ( before formal parameters" 4(line):43(column) - 这就是 function.bind 中的 'dot' 所在的位置。请。

Answer 1

function() {
  console.log(this);  // Expected Value: 'Data'
}.bind(someString)

Answer 2

bind 是在函数对象上找到的方法。它不用于 function 关键字（构成函数表达式和函数声明的一部分）。

首先，创建函数，然后绑定。

function myFunction () {
    console.log(this);
}

const someString = "something to bind to";

const myBoundFunction = myFunction.bind(someString);

myBoundFunction();

JS：如何在 addEventListener 中使用匿名 function.bind

JS: how to use anonymous function.bind in addEventListener

javascript

bind

anonymous-function

addeventlistener