使用 ES6 类扩展函数时如何从函数调用访问类实例

使用 ES6 类扩展函数

在 ES6 中，程序员有能力扩展特殊对象，包括函数。通过使用继承，从函数派生类变得可行。虽然这些扩展对象可以像函数一样被调用，但为这些调用实现适当的逻辑可能会带来挑战。

这种情况下出现一个重要问题：调用对象时如何获取对类实例的引用作为一个函数，考虑到常规方法通过此获得访问权限？不幸的是，在这些情况下，这个引用指向全局对象（窗口）。

解决方案：

为了解决这个问题，可以采用闭包的概念，从而创建一个封装对实例变量的访问的返回函数。这是一个例子：

class Smth extends Function {
  constructor(x) {
    super(() => { return x; });
  }
}

在此示例中，构造函数中的超级表达式启动函数构造函数，需要一个表示要执行的代码的字符串。然而，访问实例数据并不简单，因此采用了硬编码方法，产生了所需的结果：

console.log((new Smth(256))()); // Logs: 256

实现相同目标的另一种方法涉及操作原型链：

class Smth extends Function {
  constructor(x) {
    const smth = function() { return x; };
    Object.setPrototypeOf(smth, Smth.prototype);
    return smth;
  }
}

此方法允许返回的函数成为能够访问实例变量的闭包，从而提供了更大的灵活性。

此外，可以将此功能抽象为可重用的实用程序：

class ExtensibleFunction extends Function {
  constructor(f) {
    return Object.setPrototypeOf(f, new.target.prototype);
  }
}

class Smth extends ExtensibleFunction {
  constructor(x) {
    super(() => { return x; });
  }
}

这种方法在继承层次结构中创建了额外的间接级别，但在某些情况下它可能是有益的。此外，可以通过使用以下构造来避免这种情况：

function ExtensibleFunction(f) {
  return Object.setPrototypeOf(f, new.target.prototype);
}
ExtensibleFunction.prototype = Function.prototype;

但是请注意，在这种情况下，Smth 不会动态继承静态 Function 属性。

以上是使用 ES6 类扩展函数时如何从函数调用访问类实例的详细内容。更多信息请关注PHP中文网其他相关文章！