Js中改变this的方法

在JavaScript中，你可以使用几种不同的方法来改变函数的this值。以下是其中的一些方法：

• 使用Function.prototype.bind()方法

bind()方法创建一个新的函数，当这个新函数被调用时，bind()的第一个参数将成为thisArg，后续的参数将在传递的实参前传入作为它的参数。

var obj = { name: 'Alice' };  
var logThis = function() {  

  //本为普通函数，this指向window
  console.log(this.name);  
};  
  
var boundFunction = logThis.bind(obj);  
boundFunction();  // 输出: Alice

• 使用Function.prototype.call()或Function.prototype.apply()方法

call()和apply()方法都可以用来调用一个函数，并设置函数的this值。它们的不同之处在于call()接受参数列表，而apply()接受参数数组。

var obj = { name: 'Alice' };  
var logThis = function() {  
  console.log(this.name);  
};  
  
logThis.call(obj);  // 输出: Alice

• 使用箭头函数

箭头函数不会创建自己的this值，它只会从包围它的函数那里继承this值。因此，如果你在一个对象的方法中使用箭头函数，那么这个箭头函数的this值将会是该对象。

var obj = { name: 'Alice' };  
var logThis = () => {  
  console.log(this.name);  
};  
  
obj.logThis = logThis;  
obj.logThis();  // 输出: Alice

call():

.call() 是 JavaScript 中的一个方法，用于调用一个函数，并设置函数的 this 值和参数。这个方法属于所有的函数对象，也就是说，任何函数都可以使用 .call() 方法。

.call() 方法的基本语法：

function.call(thisArg, arg1, arg2, ...)

参数解释：

• thisArg：在函数被调用时使用的 this 值。
• arg1, arg2, ...：传递给函数的参数列表。

示例

假设我们有一个对象和一个函数：

var obj = { name: 'Alice' };  
  
function logThis() {  
  console.log(this.name);  
}

我们可以使用 .call() 方法来调用 logThis 函数，并设置 this 值为 obj：

logThis.call(obj);  // 输出: Alice

如果我们还想传递额外的参数给 logThis 函数，可以在 .call() 方法中添加这些参数：

logThis.call(obj, 'Bob');  // 输出: Bob

在这个例子中，thisArg 是 obj，而 arg1 是 'Bob'。因此，当 logThis 函数被调用时，它的 this 值被设置为 obj，并且它接收一个参数 'Bob'。