如何在JavaScript中实现类实例的函数式调用？类似PHP的__invoke

当然可以用类实现这种调用方式，完全不用换成普通函数！JS里其实有对应PHP __invoke的特性，我给你两种靠谱的实现方案：

方法一：利用Symbol.invoke实现（推荐） #

ES2019引入了Symbol.invoke这个内置符号，当你把一个对象当作函数调用时（比如obj()），JS引擎会自动执行该对象上的[Symbol.invoke]方法，这和PHP的__invoke逻辑几乎一致。

修改你的Notify类，添加这个方法即可：

class Notify {
  success(text) {
    // 这里写你的success逻辑
    console.log(`✅ Success: ${text}`);
  }

  error(text) {
    // 这里写你的error逻辑
    console.log(`❌ Error: ${text}`);
  }

  // 实现可调用逻辑，对应PHP的__invoke
  [Symbol.invoke](title, type = 'success') {
    // 先检查是否存在对应的通知方法
    if (typeof this[type] === 'function') {
      this[type](title);
    } else {
      console.warn(`⚠️ 不存在的通知类型：${type}`);
    }
  }
}

export default new Notify();

现在你就可以两种方式混用了：

import Notify from './notify.js';

// 原有调用方式
Notify.success('操作完成');
// 新的调用方式
Notify('我的自定义标题', 'success');
Notify('出问题啦', 'error');

方法二：用Proxy兼容旧环境 #

如果你的项目需要兼容不支持Symbol.invoke的旧浏览器（比如IE），可以用Proxy来包装实例，拦截函数调用操作：

class Notify {
  success(text) {
    console.log(`✅ Success: ${text}`);
  }

  error(text) {
    console.log(`❌ Error: ${text}`);
  }
}

// 用Proxy包装Notify实例，拦截函数调用
const notifyInstance = new Proxy(new Notify(), {
  apply(target, _, args) {
    const [title, type = 'success'] = args;
    if (typeof target[type] === 'function') {
      target[type](title);
    } else {
      console.warn(`⚠️ 不存在的通知类型：${type}`);
    }
  }
});

export default notifyInstance;

调用方式和上面完全一样，Proxy会帮你处理函数调用的逻辑。

两种方案都能完美实现你要的效果，优先推荐第一种，因为它是语言原生支持的标准特性，代码更简洁直观。

内容的提问来源于stack exchange，提问作者ThangLe