javascript - 如果我们在 JavaScript 中填充 fn.bind()，为什么你必须检查 "this"的类型？

Question

我在 Mozilla polyfill 中看到fn.bind() 像这样:

if (!Function.prototype.bind) {

  Function.prototype.bind = function(oThis) {

    if (typeof this !== 'function') {
      // closest thing possible to the ECMAScript 5
      // internal IsCallable function
      throw new TypeError('Function.prototype.bind - what is trying to be bound is not callable');
    }

    // other code omitted here...

  };
}

我不明白为什么我们必须检查 this 的类型...因为如果我们说 fn.bind() 和 fn 是一个函数，那么它将起作用，如果 fn 不是一个函数，那么 fn.bind 永远不会到达 Function.prototype.bind 通过原型(prototype)继承。那么为什么我们必须检查 this 的类型呢？

Answer 1

if fn is not a function, then fn.bind will never reach Function.prototype.bind by prototypal inheritance.

是的，但这不是唯一可以设置 this 的方法。例如，如果我们要在 bind 函数本身上使用 .call 或 .apply 方法，或者做一些非常疯狂的事情，比如分配它对于其他对象，它的行为与 native 函数不同。

考虑使用 native ES5 方法的以下代码:

var notAFunction = {};
var someObject = {};

Function.prototype.bind.call(notAFunction, someObject);

这将抛出一个 TypeError，如下所示:

TypeError: Function.prototype.bind called on incompatible Object

这个额外的检查基本上是尽可能接近地从 native 函数模拟这个健全性检查。

So why do we have to check the type of this?

从技术上讲，您不必，因为这种情况对于大多数理智的代码来说都是边缘情况，但是为了使 polyfill 的行为更接近 ES5 规范，它是好的。由于 ES5 浏览器永远不会运行此代码，因此现代浏览器也不会影响性能。

此行为 is defined in the ECMA-262 5.1 Edition specification及以后:

1. Let Target be the this value.
2. If IsCallable(Target) is false, throw a TypeError exception.