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

Question

我正在对河内塔进行编码，并将在画布（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 中的“点”所在的位置。请。

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