【问题标题】:Speed of Javascript executed inside Qt with QJSEngine使用 QJSEngine 在 Qt 中执行 Javascript 的速度
【发布时间】:2016-10-05 07:53:03
【问题描述】:

背景: 我正在一个需要以下内容的项目中工作:用户可以编写命令来使用主程序的内部变量(用 Qt/C++ 编写的 GUI)执行一些数学运算。

我的方法是一个文本框,用户可以在其中用 JavaScript 编写命令/脚本,然后 Qt 评估该代码。为此,我使用QJSEngine

问题: JavaScript 的计算速度很差/很慢。

例如,我们只有一个带有两个文本框 (QTextEdit) 和一个按钮的 GUI。用户在一个文本框中编写 JavaScript 代码,当按下按钮时,它会被计算,结果会出现在另一个文本框中。

作为性能不佳的一个例子,当用户编写这个微不足道的 JavaScript 代码时,计算机会花费大约 3 秒来显示答案:

var X = [];
for (var i=0 ; i < 934600 ; ++i )
{
   X[i] = i;
}
X[120]

另一方面,如果在 Qt/C++ 中执行相同的操作,它是“瞬时的”:

QVector<double> myVec;
for(int i=0; i < 934600; ++i)
{
  myVec.append(i);
}
qDebug() << myVec.value(120);

我知道 JavaScript 是解释型语言,但这样的表现正常吗?

这里有一个小的 Qt 示例程序 (pr_Parser) 来显示这个问题。我已经在 Qt Creator 4.0.1 中对此进行了测试。使用 Qt 5.7 MSVC2013 64 位。

谢谢。

pr_parser.pro

QT       += core gui qml    
greaterThan(QT_MAJOR_VERSION, 4): QT += widgets    
TARGET = pr_Parser
TEMPLATE = app    
CONFIG += c++11    
SOURCES += main.cpp\
        CMainWindow.cpp    
HEADERS  += CMainWindow.h

main.cpp

#include "CMainWindow.h"
#include <QApplication>    
int main(int argc, char *argv[])
{
   QApplication a(argc, argv);
   CMainWindow w;
   w.show();
   return a.exec();
}

CMainWindow.h

#include <QMainWindow>
class QPlainTextEdit;    
class CMainWindow : public QMainWindow
{
   Q_OBJECT

public:
   CMainWindow(QWidget *parent = 0);
   ~CMainWindow();    
private:
   QPlainTextEdit *m_p_myScriptWindow;
   QPlainTextEdit *m_p_myResultWindow;    
private slots:
   void slot_ExecuteScript();
};

CMainWindow.cpp

#include "CMainWindow.h"
#include <QtWidgets>
#include <QJSEngine>

    CMainWindow::CMainWindow(QWidget *parent)
   : QMainWindow(parent)
{
   QWidget *window = new QWidget(this);
   setCentralWidget(window);
   QString sampleScript = "var X = [];";
   sampleScript.append("for (var i=0 ; i < 934600 ; ++i ){X[i]=i;}");
   sampleScript.append("X[120]");
   m_p_myScriptWindow = new QPlainTextEdit(sampleScript, this);
   m_p_myResultWindow = new QPlainTextEdit(this);
   QPushButton *myButton = new QPushButton("Execute", this);
   QVBoxLayout *myLayout = new QVBoxLayout(this);
   myLayout->addWidget(m_p_myScriptWindow);
   myLayout->addWidget(myButton);
   myLayout->addWidget(m_p_myResultWindow);
   window->setLayout(myLayout);
   connect(myButton, SIGNAL(clicked()), this, SLOT(slot_ExecuteScript()));
}

CMainWindow::~CMainWindow(){}

void CMainWindow::slot_ExecuteScript()
{
   QJSEngine myEngine;
   QString myScript = m_p_myScriptWindow->toPlainText();
   QJSValue myValue = myEngine.evaluate(myScript);
   if(myValue.isError())
   {
    m_p_myResultWindow->setPlainText(myValue.property("message").toString());
   }
   else
   {
      m_p_myResultWindow->setPlainText(myValue.toString());
   }

   // This code is "instanteneous"
   // QVector<double> myVec;
   // for(int i=0; i < 934600; ++i) {myVec.append(i);}
   // m_p_myResultWindow->setPlainText(QString::number(myVec.value(120)));
}

【问题讨论】:

  • 需要注意的是,Qt 的QJSEngine 是为QML 设计的,并不是一个高性能的通用JS 引擎。如果您当前获得的性能还可以,那很好。但是,如果您使用另一个引擎(例如 v8),如果您的函数完成大量工作,您将拥有一个性能更好的系统。如果函数很短,QJSEngine 应该会更快,因为它的开销很小。
  • 谢谢,但我不知道如何使用其他引擎。我见过this,但它声明已被放弃。我打算在 JavaScript 中使用的“命令”只是数组操作(求和、乘法等),数组的值约为 1e6
  • 如果您希望在循环 1e6 元素时获得最佳性能,您可能需要 v8。当然,构建和集成它取决于你,它不会有 Qt 前端,但它并不是真正需要的。见google v8 embedding documentation

标签: javascript c++ performance qt qjsengine


【解决方案1】:

我找到了答案。

问题是我在调试模式下编译它。 在发布模式下快 10 倍。

测量的时间(使用 QElapsedTimer)执行多次:

JavaScript 脚本:

  • 在调试模式下:2900 - 3000 毫秒
  • 在释放模式下:255 - 300 毫秒

原生 Qt/C++ 中的相同“for”:

  • 在调试模式下:26 - 29 毫秒
  • 在释放模式下:7 - 6 毫秒

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-11-20
    • 2015-03-06
    • 2011-02-17
    相关资源
    最近更新 更多