原生JS手写实现call方法

我们可以通过JavaScript的原型链机制，来手写实现 call 方法。假设我们有一个函数 foo，并且我们想要使用 call 方法来调用它，同时将 this 绑定到一个新的上下文对象 context 上，同时还要传入参数 arg1, arg2, ...。我们可以使用以下代码实现

Function.prototype.myCall = function(context, ...args) {
  context = context || window;
  context.fn = this;
  const result = context.fn(...args);
  delete context.fn;
  return result;
}
函数的this指向是指向调用它的“对象”，所以MyCall方法中的this就是调用MyCall方法的函数

Function.prototype.MyCall = function (context, ...args) {
    console.log(this) // --->ƒ fn () {}
}
functionfn () {}
 
fn.MyCall()

我们可以使用手写的 call 方法来调用函数，如下所示：我们可以使用手写的 call 方法来调用函数，如下所示：

function foo() {
  console.log(this.name);
}

const obj = { name: 'Toms' };

foo.myCall(obj); // 输出 'Toms'

总结
在本篇文章中，我们手写实现了JavaScript中的 call 方法，并讨论了如何使用它来调用函数。使用手写的 call 方法来调用函数，从而实现更加灵活和可读性强的代码。 call 方法是JavaScript中非常重要的一个概念，在开发过程中经常被使用。手写实现 call 方法不仅可以帮助我们更深入地了解其底层原理，同时也可以帮助我们在开发中更好地掌握函数的调用方式。
需要注意的是，虽然手写实现 call 方法可以帮助我们更好地理解其底层实现原理，但在实际开发中，建议使用JavaScript内置的 call 方法，因为它已经被广泛测试和优化，并具有更好的性能和可靠性。
希望本篇文章能够帮助读者更好地理解JavaScript中的函数调用方式，以及手写实现 call 方法的实现方法和原理。