QT中 C++与 js 交互 (上)：使用QScriptEngine

1.演示：(1)c++ 调用js ,(2)js中调用c++,(3)在qt中连接js方法,(4)在js中连接c++槽函数,(5)debugger 的使用

代码：main：

bool attachDebugger(QScriptEngine &engine, QScriptEngineDebugger &debugger)
{
    debugger.attachTo(&engine);
    debugger.setAutoShowStandardWindow(true);
    //QMainWindow *debugWindow = debugger.standardWindow();
    //debugWindow->show();

//    QObject::connect(debugButton, SIGNAL(clicked()),
//                     debugger.action(QScriptEngineDebugger::InterruptAction),
//                     SIGNAL(triggered()));
//    QObject::connect(debugButton, SIGNAL(clicked()),
//                     debugWindow, SLOT(show()));
    return true;
}

QScriptValue evaluateFile(QScriptEngine &engine, const QString &fileName)
{
    QFile scriptFile(fileName);
    if (!scriptFile.open(QIODevice::ReadOnly)){
        qDebug()<<"File open fail:"<<scriptFile.errorString();
        return -1;
    }

    QTextStream stream(&scriptFile);
    QString contents = stream.readAll();
    scriptFile.close();
    return engine.evaluate(contents);
}

bool loadJS(QScriptEngine &engine,QString& path)
{
    QDir jsDir(path);
    QStringList jsFiles = jsDir.entryList(QStringList("*.js"),QDir::Files);
    foreach (QString file,jsFiles) {
        evaluateFile(engine,jsDir.absoluteFilePath(file));
    }

    return true;
}

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);

    //Use QScriptEngine
    //创建QScriptEngine引擎
    QScriptEngine engine;
    //engine.setProcessEventsInterval(100);

    //qScriptRegisterMetaType(engine,QMainWindow);
    //暴露C++给JS
    centerControl* gpControl = new centerControl();
    QScriptValue qsControl = engine.newQObject(gpControl,QScriptEngine::QtOwnership);
    engine.globalObject().setProperty("g_pControl",qsControl);

    //连接调试器
    QScriptEngineDebugger debugger;
    attachDebugger(engine,debugger);

    //读取配置文件
    QString JSPath = "../QT_ToolBox/script/";
    loadJS(engine,JSPath);

    //call JS function,初始化配置
    QScriptValue qsObject = engine.globalObject().property("objGlobal");
    QScriptValueList args;
    args<<"11"<<"22";
    qsObject.property("loadTool").call(qsObject, args);

    //connect to js in C++
    /*//eg:1
    QScriptValue qsTestSlot = qsObject.property("qsTestSlot");
    bool b = qScriptConnect(gpControl->getMainWindow(),SIGNAL(testSignal(int)),qsObject,qsTestSlot);
    */
    /*//eg:2
    QPushButton* bt = new QPushButton();
    QScriptValue qsTestSlot = qsObject.property("qsTestSlot");
    bool b = qScriptConnect(bt,SIGNAL(clicked()),qsObject,qsTestSlot);
    bt->show();
    */
    //qDebug()<<b;

    return a.exec();
}

JS

var objGlobal = new Object;
objGlobal.initialized = false;

objGlobal.loadTool = function() {
    //debugger
    var argsArray = this.loadTool.arguments;

    //connect to c++ in JS
    g_pControl.testSignal.connect(objGlobal,'qsTestSlot');

    if (!this.initialized) {
        g_pControl.createMainWindow();
        this.initialized = true;
    }

};

objGlobal.qsTestSlot = function() {
    debugger
    var argsArray = this.loadTool.arguments;
};

c++

class centerControl: public QObject
{
    Q_OBJECT

public:
    centerControl();    

    Q_INVOKABLE void createMainWindow();
    Q_INVOKABLE QMainWindow* getMainWindow(){ return m_pMainWindow; }

signals:
    void testSignal();

private:
    QMainWindow* m_pMainWindow = nullptr;
};

3.完整工程代码：

https://github.com/SanSuiWanTong/QT_ToolBox

commit first