javascript this换成id js改变this指向的方法：代码示例

JavaScript中的this关键字是指向当前执行代码的对象。在某些情况下，我们可能需要将this指向其他对象，如通过id来获取元素并操作它。下面是两种常见的方法来改变this指向的示例代码：

1. 使用bind()方法：

bind()方法会创建一个新函数，该函数的this值会被绑定到指定的对象。通过bind()方法，我们可以将this指向我们想要的id对应的元素。

var element = document.getElementById('myElement');
function handleClick() {
  console.log(this.id);
}
var boundFunction = handleClick.bind(element);
element.addEventListener('click', boundFunction);

在上面的示例中，我们首先使用getElementById()方法获取了id为'myElement'的元素，并将其赋值给变量element。然后，我们定义了一个handleClick函数，该函数在被调用时会打印出当前this对象的id属性。接下来，我们使用bind()方法将handleClick函数绑定到element对象上，并将返回的绑定函数赋值给变量boundFunction。我们使用addEventListener()方法将boundFunction作为点击事件的处理函数。

2. 使用箭头函数：

箭头函数是ES6引入的一种新的函数语法，它的特点是没有自己的this，它的this是继承自外部作用域的。我们可以使用箭头函数来改变this指向。

var element = document.getElementById('myElement');
var handleClick = () = {
  console.log(this.id);
}
element.addEventListener('click', handleClick);

在上面的示例中，我们定义了一个箭头函数handleClick，该函数在被调用时会打印出当前this对象的id属性。由于箭头函数没有自己的this，它会继承外部作用域的this，因此在这里，箭头函数的this指向了element对象。我们使用addEventListener()方法将handleClick作为点击事件的处理函数。

通过以上两种方法，我们可以很方便地将this指向id对应的元素，并在事件处理函数中操作该元素。