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

Question

我正在对河内塔进行编码，并将在画布（html 元素）上使用 eventListeners。在阅读它们时，我从developer.mozilla.org运行了以下代码，标题 - 将数据传入和传出事件侦听器子标题 - 使用此将数据导入事件侦听器1 var myButton = document.getElementById('my-button-id');2 var someString = 'Data';34 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 中的“点”所在的位置。请。

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();