javascript - 从 Function 继承时调用的意外行为

Question

我正在尝试编写一个将从 Function 继承的类，但我无法在该类的实例上调用 .call。

例如，假设我定义了构造函数:

function myFunc() {
    Function.call(this);}

我将 myFunc 的原型(prototype)设置为 Function 的原型(prototype):

myFunc.prototype = Function.prototype

我创建了一个新类的实例:

var f = new myFunc()

我可以看到 f.\__proto\__ 是 Function.prototype:

f.__proto__ === Function.prototype /=> true

并且 Function.prototype 有一个调用方法:

 Function.prototype.call /=> ƒ call() { [native code] }

尽管如此 f.call(null) 返回一个错误:

f.call(null) /=> VM183:1 Uncaught TypeError: f.call is not a function
at <anonymous>:1:3

这是怎么回事？

我以为 f.call 会检查 f.\__proto\__ 的调用方法，但这似乎并没有发生。

Answer 1

人们不会简单地扩展内置类，至少在历史上不会。

正确扩展内置类的能力是 ES6 的一个特性，它通常依赖于使用 ES6 语法。

class MyClass extends SomeBuiltin {}

ES5 语法在这里并不真正起作用，它会导致对象无法正确实现内部内容，并最终在方法和需要它的方法上失败(给你看似错误的调用方法错误)。

如果您的 JavaScript 环境支持扩展 Function，这将有效:

class myFunc extends Function {
    constructor() {
        super('return [...arguments]');
    }
}

const f = new myFunc();
console.log(f.call(null, 1, 2, 3)); // [1, 2, 3]

不过，我倾向于建议不要首先扩展 Function，因为它需要从字符串中进行代码评估，这是令人不快的、有潜在危险的，而且通常是不必要的。