QML教程（七） JavaScript

目录

一、对属性值使用 JavaScript 表达式

二、在 QML 中添加 JavaScript 函数

三、使用 JavaScript 文件

四、属性绑定中的 JavaScript

五、信号处理程序中的 JavaScript

六、将信号连接到 JavaScript 函数

七、启动执行 JavaScript

QML 提供的 JavaScript 主机环境可以运行有效的标准 JavaScript表达式，例如条件运算符、数组、变量设置和循环。除了标准的 JavaScript 属性之外，QML 全局对象还包括许多帮助程序方法，这些方法简化了构建 UI 和与 QML 环境的交互。

QML提供的JavaScript环境比Web浏览器中的环境更严格。例如，在 QML 中，您不能添加或修改 JavaScript 全局对象的成员。在常规 JavaScript 中，可以通过使用变量而不声明它来意外执行此操作。在 QML 中，这将引发异常，因此必须显式声明所有局部变量。请参阅 JavaScript 环境限制，了解从 QML 执行的 JavaScript 代码限制的完整描述。JavaScript 主机环境|Qt QML 6.4.1https://doc.qt.io/qt-6/qtqml-javascript-hostenvironment.html#javascript-environment-restrictions

QML文档的各个部分可以包含JavaScript代码：

属性绑定的主体。这些 JavaScript 表达式描述了 QML 对象属性之间的关系。当属性的依赖项更改时，该属性也会根据指定的关系自动更新。
信号处理程序的主体。每当 QML 对象发出相关信号时，都会自动计算这些 JavaScript 语句。
自定义方法的定义。在 QML 对象主体中定义的 JavaScript 函数成为该对象的方法。
独立的 JavaScript 资源 （.js） 文件。这些文件实际上与 QML 文档是分开的，但它们可以导入到 QML 文档中。导入文件中定义的函数和变量可用于属性绑定、信号处理程序和自定义方法。

一、对属性值使用 JavaScript 表达式

Item {
    width: Math.random()
    height: width < 100 ? 100 : (width + 50) /  2
}

二、在