QML- import 导入JavaScript资源
创始人
2024-06-03 12:36:01
0

import 导入JavaScript资源

  • 一、概述
  • 二、从QML文档导入JavaScript资源
  • 三、JavaScript资源中的导入
  • 四、从另一个JavaScript资源中导入JavaScript资源
  • 五、从JavaScript资源中导入QML模块

一、概述

JavaScript资源可以通过QML文档和其他JavaScript资源导入。JavaScript资源可以通过相对url导入,也可以通过绝对url导入。对于相对URL,位置是相对于包含导入的QML文档或JavaScript资源的位置进行解析的。如果无法访问脚本文件,就会发生错误。

如果需要从网络资源获取JavaScript,则组件的状态将设置为“Loading”,直到脚本下载完毕。

JavaScript资源也可以导入QML模块和其他JavaScript资源。JavaScript资源中的import语句与QML文档中的import语句的语法稍有不同,下面将详细说明。

二、从QML文档导入JavaScript资源

QML文档可以使用以下语法导入JavaScript资源:

import "ResourceURL" as Qualifier

例如:

import "jsfile.js" as Logic

导入的JavaScript资源总是使用“as”关键字进行限定。JavaScript资源的限定符必须以大写字母开头,并且必须是唯一的,因此限定符和JavaScript文件之间总是一对一的映射。(这也意味着限定符不能和内置的JavaScript对象命名一样,比如Date和Math)。

通过“Qualifier.functionName(params)”语法,在导入的JavaScript文件中定义的函数可用于导入的QML文档中定义的对象。

JavaScript资源中的函数可以接受参数,其类型可以是任何支持的QML基本类型或对象类型,也可以是普通的JavaScript类型。当从QML调用此类函数时,正常的数据类型转换规则将应用于参数和返回值。

三、JavaScript资源中的导入

在QtQuick 2.0中,已经添加了支持,允许JavaScript资源导入其他JavaScript资源,也允许使用标准QML导入语法的变体导入QML类型命名空间(其中应用了之前描述的所有规则和资格)。

由于在QtQuick 2.0中,JavaScript资源可以以这种方式导入另一个脚本或QML模块,因此定义了一些额外的语义:

  • 带有imports的脚本不会从导入它的QML文档继承imports(因此访问组件。例如,errorString将失败)
  • 没有导入的脚本将从导入它的QML文档继承导入(因此访问组件。例如,errorString会成功)
  • 共享脚本(即定义为 .pragma库)不会从任何QML文档继承导入,即使它没有导入其他脚本或模块

第一个语义在概念上是正确的,因为特定的脚本可以被任意数量的QML文件导入。保留第二种语义是为了向后兼容。第三种语义与共享脚本的当前语义保持不变,但在这里针对新的可能情况(脚本导入其他脚本或模块)进行了澄清。

第三种就是解决一个js 文件里面的数据应该是同步的问题。用那种写法就能把这个需求给解决掉。

四、从另一个JavaScript资源中导入JavaScript资源

一个JavaScript资源可以像下面这样导入另一个资源:

.import "filename.js" as Qualifier

例如:

import * as MathFunctions from "factorial.mjs";

后者是ECMAScript导入ECMAScript模块的标准语法,只能在由mjs文件扩展名表示的ECMAScript模块中使用。前者是由QML引擎提供的对JavaScript的扩展,也适用于非模块。

当JavaScript文件以这种方式导入时,它是通过一个限定符导入的。然后,在导入脚本中可以通过qualifier(即qualifier . functionname (params))访问该文件中的函数。

有时,我们希望在导入上下文中提供这些函数,而不需要对它们进行限定。在这种情况下,ECMAScript模块和JavaScript import语句不应该使用as限定符。

例如,左边的QML代码在脚本中调用showcalculation()。Mjs,它又可以调用factorial()中的factorial()。Mjs,因为它包含了阶乘。使用import创建MJS。

  import QtQuick 2.0import "script.mjs" as MyScriptItem {width: 100; height: 100MouseArea {anchors.fill: parentonClicked: {MyScript.showCalculations(10)console.log("Call factorial() from QML:",MyScript.factorial(10))}}}
  // script.jsimport { factorial } from "factorial.mjs"function showCalculations(value) {console.log("Call factorial() from script.js:",factorial(value));}// factorial.mjsexport function factorial(a) {a = parseInt(a);if (a <= 0)return 1;elsereturn a * factorial(a - 1);}

Qt.include()函数从一个JavaScript文件中包含另一个JavaScript文件,不使用ECMAScript模块,也不限制导入。它使其他文件中的所有函数和变量都在当前文件的命名空间中可用,但忽略该文件中定义的所有pragmas和import。这不是一个好主意,因为函数调用永远不应该修改调用者的上下文。

Qt.include()已弃用,应避免使用。它将在Qt的未来版本中被移除。

五、从JavaScript资源中导入QML模块

一个JavaScript资源可以像下面这样导入一个QML模块:

.import TypeNamespace MajorVersion.MinorVersion as Qualifier

下面是一个例子,展示了如何从javascript导入的模块中使用QML类型:

.import Qt.test 1.0 as JsQtTestvar importedEnumValue = JsQtTest.MyQmlObject.EnumValue3

特别是,在访问通过单例类型提供的功能时,这可能很有用;请参阅qmlRegisterSingletonType()了解更多信息。

注意:.import语法不适用于WorkerScript中使用的脚本

相关内容

热门资讯

怎样让安卓系统更新系统,轻松实... 亲爱的安卓用户们,你是否也和我一样,时不时地收到系统更新的提示,却总是犹豫不决,担心更新后手机会变慢...
如何看自己安卓系统,自我诊断与... 你有没有想过,你的安卓手机里那个默默无闻的系统,其实是个超级英雄呢?它每天都在为你保驾护航,从早晨闹...
安卓系统怎么拼写啊,Andro... 你问这个问题可真是戳中了我的技术盲区呢!安卓系统,这个名字听起来是不是很熟悉,就像你的手机里那个无所...
华为安卓系统被停用,挑战与转型... 你知道吗?最近科技圈可是炸开了锅!华为安卓系统被停用,这可不是一个小新闻哦。咱们得好好聊聊这个话题,...
安卓王者荣耀观战系统,沉浸式观... 亲爱的手机游戏爱好者们,你是否曾在王者荣耀的战场上,因为错过队友的精彩操作而扼腕叹息?或者,你是否渴...
怎么加安卓12系统,安卓12系... 你有没有发现,安卓系统每次更新都像是在给我们的小手机来一次华丽变身呢?这不,安卓12已经悄悄地来了,...
安卓系统阿联酋航空积分,便捷积... 你有没有想过,你的安卓手机里那些累积的积分,竟然可以在阿联酋航空的旅途中派上大用场?没错,就是那个带...
安卓系统录音文件位置,录音文件... 你有没有遇到过这种情况:手机里突然冒出了很多录音文件,但你就是找不到它们藏在哪里?别急,今天就来给你...
安卓灵动岛系统自带,智能交互新... 你知道吗?最近安卓手机界可是掀起了一股不小的风潮,那就是——安卓灵动岛系统自带功能!是不是听起来就让...
安卓支持ios系统下载,下载体... 你知道吗?最近在科技圈里可是掀起了一股小小的热潮呢!那就是安卓手机竟然支持iOS系统下载应用了!是不...
火山安卓加验证系统,安全与便捷... 你知道吗?在科技飞速发展的今天,手机安全可是个大问题。尤其是安卓系统,作为全球使用最广泛的操作系统之...
简化系统app安卓版,高效便捷... 你有没有发现,现在的生活节奏越来越快,信息爆炸的时代,我们每天都要处理海量的数据和信息。在这个时候,...
surfacepro2安卓系统... 你有没有想过,一台笔记本电脑竟然能像智能手机一样灵活多变?没错,今天我要跟你聊聊的就是这款神奇的设备...
安卓手机车联网系统,智能驾驶的... 你有没有发现,现在开车出门,手机已经成了我们离不开的好伙伴?没错,说的就是那个神奇的安卓手机车联网系...
将安卓系统数据导入ios系统,... 你是不是也有过这样的经历:手机里存满了珍贵的照片、联系人、应用数据,突然有一天,你决定换一台iPho...
雷霆战机 安卓最低系统,系统要... 你有没有听说过这款超级酷炫的飞行游戏——雷霆战机?没错,就是那个让你一上手就停不下来的刺激游戏!今天...
电脑独立安装安卓系统,探索电脑... 电脑独立安装安卓系统:探索未来的可能性在当今这个数字化时代,电脑已经不仅仅是一个用来打字的工具,它更...
树莓派虚拟安卓系统,打造便携式... 你有没有想过,用树莓派来运行安卓系统?听起来是不是有点酷炫?想象一个迷你的小树莓派,竟然能变身成为一...
安卓系统如何安装tk,安卓系统... 你有没有想过,你的安卓手机里装个tk,生活是不是能变得更有趣呢?别急,别急,我来给你详细说说怎么操作...
安卓计步数系统,健康生活新伙伴 你有没有发现,每天手机里那个默默无闻的安卓计步数系统,竟然悄悄地记录了你走过的每一步?今天,就让我带...