为什么这些类实现没有相同的行为？

Question

我试图为扩展Function 的类编写概念证明，以演示可以基于另一个函数初始化的函数构造函数，并以下列方式反映this 和arguments：

class Handle extends Function {
  constructor(functor) {
    super("functor", "slice", `
      "use strict";
      return functor
        .call(this, ...slice.call(arguments, 2));
    `);

    return this.bind(this, functor, Array.prototype.slice)
  }
}

let handle = new Handle(function test() {
  console.log(this instanceof Handle, arguments.length)
})

console.log(handle instanceof Handle, handle.length)

handle(1, 2, 3)

但是，根据我对call 和apply 的理解，我认为这会产生相同的行为：

class Handle extends Function {
  constructor(functor) {
    super("instance", "call", "slice", `
      "use strict";
      return call(this, instance, ...slice.call(arguments, 3));
    `);

    return Function.bind
      .call(this, functor, this, Function.call, Array.prototype.slice)
  }
}

let handle = new Handle(function test() {
  console.log(this instanceof Handle, arguments.length)
})

console.log(handle instanceof Handle, handle.length)

handle(1, 2, 3)

这会抛出

Uncaught TypeError: call is not a function
  at Function.eval (eval at Handle (js:4), <anonymous>:5:14)

所以call() 函数有问题。我的理解是，如果call() 不是调用表达式的一部分，它的第一个参数将成为被调用的函数，其余参数将成为函数的上下文和参数，有点像Function.call.call(this, instance, ...slice.call(arguments, 3))会做：

class Handle extends Function {
  constructor(functor) {
    super("instance", "call", "slice", `
      "use strict";
      return Function.call.call(this, instance, ...slice.call(arguments, 3));
    `);

    return Function.bind
      .call(this, functor, this, Function.call, Array.prototype.slice)
  }
}

let handle = new Handle(function test() {
  console.log(this instanceof Handle, arguments.length)
})

console.log(handle instanceof Handle, handle.length)

handle(1, 2, 3)

谁能解释我的误解，或者为什么这似乎不是这种情况？

Answer 1

Uncaught TypeError: call is not a function

所以 call() 函数有问题。

注意this message is misleading，不是call 不是函数，而是call 试图调用的东西。

我的理解是，如果 call() 不是调用表达式的一部分，它的第一个参数将成为被调用的函数

没有。被调用的函数始终是call 调用的this 上下文，并且当call 未被作为方法调用时，没有任何改变。你需要做call.call(functor, context, ...args)。

Answer 2

你打电话给Function.call（我认为Function.prototype.call会更正确）没有this。不过，它需要一个，因为this 值是它调用的函数。一个简短的问题示例：

var call = Function.prototype.call;
call();

也许你打算call.call(this, …)？

class Handle extends Function {
  constructor(functor) {
    super("instance", "call", "slice", `
      "use strict";
      return call.call(this, instance, ...slice.call(arguments, 3));
    `);

    return Function.bind
      .call(this, functor, this, Function.call, Array.prototype.slice)
  }
}

let handle = new Handle(function test() {
  console.log(this instanceof Handle, arguments.length)
})

console.log(handle instanceof Handle, handle.length)

handle(1, 2, 3)