原生js代码能实现call和bind吗

原生JS能否实现call和bind？真相介绍

关于如何在原生JavaScript中实现call和bind的问题，网络上众说纷纭。今天，让我们揭开这背后的真相，看看这些所谓的“原理”是否真实可行。

让我们看看网络上关于如何实现call的一种常见示例：

手写call方法

```javascript

Function.prototype.mycall = function (context) {

context = context || window; // 如果未传入context，则默认为全局对象window

context.fn = this; // 将当前函数赋值给context的fn属性

const args = [...arguments].slice(1); // 获取除context外的其他参数

const result = context.fn(...args); // 执行函数并获取结果

// 执行完毕后删除context上的fn属性，恢复其原始状态

delete context.fn;

return result; // 返回函数执行结果

}

```

这样的实现真的正确吗？我们来测试一下：

```javascript

function show() {

console.log(this); // 输出当前对象

}

show.mycall({haha:122}); // 输出的是mycall所创建的临时对象，而非期望的上下文对象{haha:122}。

```

显然，上述代码实现的效果与预期相差甚远。实际上，当你使用这种方式调用函数时，实际上你是在调用一个临时对象的函数，而不是你期望的上下文对象中的函数。这与原生call方法的实现大相径庭。原生call方法能够正确地改变函数的执行上下文。这种模仿call的实现方式并不准确。至于bind方法，其实现原理也类似但并不完全相同。通过简单的JS代码来模仿实现call和bind方法，不仅不能真正达到预期效果，而且缺乏底层原理的理解。这样的模仿仅供娱乐之用，并无实际价值。真正的call和bind方法是浏览器底层语言封装好的功能，无需也无法用JS代码来强行模仿。我们应该尊重并正确使用这些内置方法，而不是试图用JS代码去模仿它们的行为。只有这样，我们才能更好地利用JavaScript语言的强大功能。