本篇内容介绍了“JavaScript如何改变函数作用域”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

使用call和apply方法

call

apply

JavaScript

call

function myFunction(a, b) {
  console.log(this);
  console.log(a + b);
}

myFunction.call({ name: 'John' }, 2, 3);

在上面的例子中，

myFunction

call

this

apply

call

myFunction.apply({ name: 'John' }, [2, 3]);

call

apply

它们可以方便地解决一些简单的问题，例如在不同的上下文中使用相同的函数。

缺点是它们不能使用于一些更复杂的场景中，比如在某个函数的原型上下文中调用函数。

使用bind方法

bind

``bind

方法返回一个新的函数，其中

值被设置为传递给

var boundFunction = myFunction.bind({ name: 'John' }, 2, 3);
boundFunction();

在上面的例子中，

myFunction

{name:'John'}

bind

然而，缺点是需要额外的内存来创建一个新的函数对象。

使用箭头函数

ES6

this

this

例如：

var myObject = { 
  name: 'John', 
  myFunction: function(){ 
    setTimeout(() => { 
      console.log(this.name); 
    }, 1000); 
  } 
}; 

myObject.myFunction(); //输出"John"

在上面的例子中，箭头函数中的

this

this

myObject

箭头函数的优点是它们消除了

this

JavaScript

然而，由于它们没有自己的

this