Question

我用html编写了操作系统，我的操作系统可以通过指定主脚本来支持应用程序，现在我有两个应用程序，一个正在执行file1，另一个正在执行file2。我有三个文件：

file1.js

function main() {
    //this is a code
    . . .
}

file2.js

function main() {
    //this is another code
    . . .
}

我只想调用他们其中一个函数，即file1的函数：

System.js

var System = {
/*
 *Used Mode:
 *
 *  var app = System.openApp(package);
 */
openApp:function(package) {

    //starts the app:
    var path = "/@APP:/" + package + "/app.xml";

    console.log("Opening " + package + "...");
    var xhttp = new XMLHttpRequest();
    xhttp.open("GET", path, true);
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            console.log("The app \"" + xhttp.responseXML.getElementsByTagName("Manifest")[0].getElementsByTagName("AppName")[0].childNodes[0].nodeValue + "\" was successfully loaded!");
            if (xhttp.responseXML.getElementsByTagName("Manifest")[0].getElementsByTagName("AppMode")[0].childNodes[0].nodeValue = "prompted") {
                this.openMainAct();
            } 
        }
    };
    xhttp.onerror = function() {
        console.error("The app \"" + package + "\" was not found\n  ERROR_CODE:" + xhttp.readyState);
    };
    xhttp.send();

    //subfunctions:
    /*
     *Used Mode:
     *
     *  app.setIcon("path/to/file.png");
     */
    this.setIcon = function(icon) {
        // @TODO: Making Icons, just ignore;
    };
    /*
     *@DEPRECATED: Use the method "openAct"
     *
     *Used Mode:
     *  var MyAct = app.openMainAct();
     */
    this.openMainAct = function() {
        var a = document.createElement("script");
        a.src = this.getAppMainSource;
        document.body[0].appendChild(a);
                    //And HERE opens the main function!
    };

    //vars:
    this.getManifest = xhttp.responseXML.getElementsByTagName("Manifest")[0];
    this.getPackage = package;
    this.getAppFolder = "/@APP:/" + package;
    this.getAppMode = this.getManifest.getElementsByTagName("AppMode")[0];
    this.getName = xhttp.responseXML.getElementsByTagName("Manifest")[0].getElementsByTagName("AppName")[0];
    this.getJSource = this.getAppFolder + "/" + this.getManifest.getElentsByTagName("JSDir")[0];
    this.getJSDir = this.getManifest.getElementsByTagName("JSDir")[0];
    this.getVersion = this.getManifest.getElementsByTagName("Version")[0];
    this.getAppMainSource = this.getJSource + "/" + this.getManifest.getElementsByTagName("AppMain")[0] + ".js";
    this.getAppMain = this.getManifest.getElementsByTagName("AppMain")[0];
    this.getPermissionGroup = this.getManifest.getElementsByTagName("AppPerm")[0];
    this.getPermission = this.getPermissionGroup.getElementsByTagName("AddPerm");
}
};

但是main.js调用了所有函数！

如下所示，我们需要调用一个函数来启动应用程序：

var app = System.openApp("a.b.c");

必须存在一个同名文件夹！

这是我的清单：

<?xml version="1.0" encoding="utf-8" ?>
<Manifest>
<JSDir>JS</JSDir>
<Version>0.0.1</Version>
<AppName>Documentação de API do EDOS</AppName>
<AppMode>windowed</AppMode>
<AppMain>MainAct</AppMain>
<AppPerm>
    <AddPerm>edos.permission.WRITE_APP</AddPerm>
    <AddPerm>edos.permission.READ_APP</AddPerm>
</AppPerm>
</Manifest>

对不起，如果我提供太多信息... PS：我不想要API！

Answer 1

在文件底部导出功能。并将函数导入文件顶部。

导入功能时，该功能将在文件scope中可用，并以您在导入时选择的名称访问。

如果将函数导出为已命名

export main;

您可以使用别名导入它。

import { main as mainOne } from "./file1.js"
import { main as mainTwo } from "./file2.js"

// Call functions
mainOne();
mainTwo();

或者，如果您将其导出为默认值（每个文件只能进行一次默认导出）

export default main

然后您可以将其导入为任何内容

import NewName from "./file1.js"

有关更多信息和示例，请参阅文档以进行导出here和导入here。

如何在另一个文件上调用具有相同名称的函数

1 个答案: