如何在C++中实现QObject::connect连接QJSValue？

Qt本身提供了直接对接QJSValue与信号的机制，无需变通方法，核心是结合QJSValue::call()与Qt信号槽系统，以下是具体实现方式及QML引擎的内部逻辑：

1. 直接实现类似QML的连接 #

用Lambda中转（最便捷）

无需额外定义类，直接在connect中用Lambda包装JS函数的调用：

// 示例：假设senderObj是信号发送者，信号为void someSignal(int, QString)
// jsFunction是可调用的QJSValue对象
QObject::connect(senderObj, &SomeClass::someSignal, [jsFunction](int arg1, QString arg2) {
    if (jsFunction.isCallable()) {
        QJSValueList args;
        args << QJSValue(arg1) << QJSValue(arg2);
        jsFunction.call(args);
    }
});

自定义通用槽类（贴近QML引擎实现）

如果需要复用逻辑，可以封装一个专门处理JS函数调用的槽类，模拟QML内部的匿名槽对象逻辑：

class JSFunctionSlot : public QObject
{
    Q_OBJECT
public:
    explicit JSFunctionSlot(QJSValue func, QObject *parent = nullptr)
        : QObject(parent), m_func(func) {}

public slots:
    // 适配任意参数的通用槽（需将信号参数打包为QVariantList）
    void call(const QVariantList& args) {
        if (m_func.isCallable()) {
            QJSValueList jsArgs;
            for (const auto& var : args) {
                jsArgs << QJSValue::fromVariant(var);
            }
            m_func.call(jsArgs);
        }
    }

    // 针对特定参数个数的重载槽（可选）
    void call(int arg1) {
        if (m_func.isCallable()) {
            m_func.call({QJSValue(arg1)});
        }
    }

private:
    QJSValue m_func;
};

使用示例：

JSFunctionSlot* slot = new JSFunctionSlot(jsFunction, senderObj);
QObject::connect(senderObj, &SomeClass::someSignal, slot, &JSFunctionSlot::call);

2. QML引擎的内部实现逻辑 #

QML中MyComponent.connect(someJsFunction)的底层逻辑是：

• 自动创建一个匿名的QObject子类实例作为槽对象
• 该对象会监听目标信号，当信号触发时，将C++参数转换为JS兼容的QJSValue列表
• 调用传入的JS函数，并传递转换后的参数
  本质上和上面的自定义槽类逻辑完全一致，只是QML引擎帮你自动完成了对象创建、参数转换和连接的全过程。

注意事项 #

• 确保QJSValue所属的QJSEngine在信号触发时仍处于有效状态，否则会引发未定义行为
• 若JS函数依赖QML上下文，需保证上下文生命周期与信号发送者匹配，避免提前销毁
• 自定义类型作为信号参数时，需先通过qmlRegisterType或qRegisterMetaType注册，否则无法正确转换为QJSValue

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