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中使用的脚本

相关内容

热门资讯

安卓系统苹果手机识别,跨界融合... 你知道吗?在科技飞速发展的今天,手机已经成为了我们生活中不可或缺的一部分。而说到手机,安卓系统和苹果...
harmonyos系统是不是安... 亲爱的读者,你是否曾好奇过HarmonyOS系统与安卓系统之间的关系?是不是安卓的“亲戚”?今天,就...
手机怎么装系统安卓,安卓系统安... 手机卡顿了?想给安卓系统来个大变身?别急,跟着我一步步来,保证让你的手机焕然一新!一、准备工作在开始...
安卓Linux系统内网穿透,A... 你有没有想过,你的安卓手机里那些看似普通的APP,其实可能正在悄悄地帮你打通网络世界的任督二脉呢?没...
win怎么安装安卓系统,Win... 亲爱的读者,你是不是对Win系统上的安卓应用垂涎已久,但又苦于不知道如何安装安卓系统呢?别急,今天我...
升级小米平板安卓系统,畅享全新... 你有没有发现,你的小米平板用久了,是不是感觉有点卡呢?别急,今天就来教你怎么给它来个系统升级,让它焕...
捷豹安卓系统车载,捷豹安卓系统... 哇,你有没有想过,当你的手机和汽车融为一体,会是怎样的体验呢?想象你正驾驶着你的捷豹,车窗外的风景如...
安卓1到10系统,安卓1.0至... 你有没有想过,手机里的安卓系统就像是我们生活中的好朋友,从青涩的少年成长为稳重的青年呢?从安卓1.0...
安卓8.0停用系统应用,提升使... 你知道吗?最近安卓系统又来了一次大动作,那就是安卓8.0系统开始停用一些系统应用了。这可真是让人有点...
安卓系统修改mtu值,轻松提升... 你有没有想过,你的安卓手机其实是个小小的电脑呢?它里面藏着许多可以自定义的秘密功能,就像修改MTU值...
安卓平板改window系统,探... 你有没有想过,你的安卓平板其实可以摇身一变,变成一个Windows系统的电脑呢?没错,就是那种可以运...
时空猎人安卓苹果系统,探索无尽... 你知道吗?最近在手机游戏圈里,有一款叫做《时空猎人》的游戏可是火得一塌糊涂呢!不管是安卓用户还是苹果...
安卓9.0系统的电视,新一代电... 亲爱的读者们,你是否也像我一样,对科技新玩意儿充满好奇?今天,我要和你聊聊一个让人眼前一亮的话题——...
小pc安装安卓系统,轻松安装安... 你有没有想过,你的小PC也能变身成为安卓系统的超级玩家呢?没错,就是那个平时默默无闻的小家伙,现在也...
高通备份安卓系统,全方位数据安... 你知道吗?在这个科技飞速发展的时代,手机备份可是个不得不提的话题。尤其是对于安卓用户来说,选择一个靠...
谷歌安卓系统有多少,从诞生到全... 你有没有想过,那个无处不在的谷歌安卓系统,究竟在全球有多少用户呢?它就像一个神秘的数字,每天都在悄悄...
fc黄金传说安卓系统,畅享复古... 你有没有听说最近安卓系统上的一款超酷的游戏——《FC黄金传说》?这款游戏可是让不少玩家都沉迷其中,今...
变小的我安卓系统,安卓系统演变... 你有没有发现,最近你的手机好像变轻了?没错,说的就是你,那个陪伴你多年的安卓系统。它悄无声息地进行了...
vivo安卓系统小彩蛋,体验科... 你知道吗?在vivo的安卓系统中,竟然隐藏着一些超有趣的小彩蛋!这些小彩蛋就像是在手机里埋下的宝藏,...
安卓系统如何强制重启,安卓系统... 手机突然卡壳了,是不是又该给它来个“大保健”了?没错,今天就来聊聊安卓系统如何强制重启。别小看这个看...