我有一个名为“menuTree.ts”的 typescript 文件，它被编译为以下 Javascript 代码:
define(["require", "exports"], function (require, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var MenuTree = /** @class */ (function () {
function MenuTree() {
}
MenuTree.prototype.refreshTree = function (bereichId, page) {
var _this = this;
};
return MenuTree;
}());
exports.MenuTree = MenuTree;
});
//# sourceMappingURL=menuTree.js.map
此 JavaScript 代码放置在一个单独的 JavaScript 文件中，该文件放置在我的网页的头部:
<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="menuTree" src="http://localhost:65013//Assets/Scripts/Javascript/menuTree.js"></script>
现在，在正文部分的下方，我想在单击 anchor 时调用“refreshTree”函数:
<a onclick='javascript: return refreshTree(1, 2)'>Refresh</a>
但我总是收到刷新树未定义的错误消息。我也尝试过使用 MenuTree.refreshTree(1,2) 但没有成功。
非常感谢任何帮助，谢谢!
最佳答案
首先，MenuTree 是一个类，因此您必须执行new MenuTree().refreshTree(1, 2)。您还需要require它。所以尝试一下:
<a onlick='new (require("menuTree").MenuTree)().refreshTree(1, 2)'>Refresh</a>
(根据评论线程，看起来可能需要额外的步骤来解决问题，但我不知道它们是什么。)
关于javascript - 调用外部文件中声明的函数，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52316059/