手写call，通俗易懂，助你面试一臂之力！

2023-10-04 10:48:57

导语

call是JavaScript中一个常用的方法，它可以改变函数的this指向，从而实现不同的功能。call方法的语法非常简单：

Function.prototype.call(thisArg, arg1, arg2, ...)

其中，thisArg表示要改变函数this指向的对象，arg1、arg2等表示要传递给函数的参数。

原理剖析

call方法的原理非常简单，它主要通过原型链机制来实现。当我们调用call方法时，会先创建一个新的执行上下文，并将thisArg作为这个新执行上下文的this对象。然后，将函数体中的代码复制到这个新的执行上下文中执行，并将arg1、arg2等参数传递给函数体。

手写call

为了更好地理解call方法的原理，我们不妨尝试自己手写一个call方法。下面是手写call方法的代码：

Function.prototype.myCall = function(thisArg, ...args) {
  // 判断thisArg是否为对象，如果不是，则将其转换为对象
  if (thisArg === null || thisArg === undefined) {
    thisArg = globalThis;
  }

  // 将thisArg指向当前函数
  thisArg.fn = this;

  // 将参数args传递给当前函数
  const result = thisArg.fn(...args);

  // 删除thisArg.fn属性
  delete thisArg.fn;

  // 返回结果
  return result;
};

应用场景

call方法在JavaScript中有着广泛的应用场景，下面列举一些常见的应用场景：

改变函数的this指向：这是call方法最基本的功能。我们可以通过call方法来改变函数的this指向，从而实现不同的功能。例如，我们可以使用call方法来将一个函数的this指向设置为一个对象，从而使用这个对象来调用函数。
借用函数：call方法可以让我们借用其他函数的功能。我们可以通过call方法来将一个函数的this指向设置为另一个对象，从而使用这个对象来调用函数。这样，我们就相当于借用了这个函数的功能。
模拟继承：call方法可以模拟继承。我们可以通过call方法来将一个函数的this指向设置为一个子类对象，从而让子类对象继承父类函数的功能。