在main.ts（typescript）中的一个函数中加载外部javascript函数

我正在使用d3.js，希望有人能提出一种让typescript像这样工作的方法

import {loadbarchart} from "./javascript/charts/barchart";
import {loadscatterchart} from "./javascript/charts/scatterchart";

d3.json("data.json", function(error, data) {
    loadbarchart();
    loadscatterchart();
})

我希望在单独的文件中创建几个图表，然后调用main.ts中的d3.json函数中的所有函数

当我尝试这样做时，

loadbarchart

和

loadscatterchart

在d3.json函数之外加载

通过进一步阅读，据我所知，以这种方式导入函数可能不在typescript的范围内

如果可能的话，我希望有人能就如何实现这一目标提供一些建议

---

感谢

模块的概念作为组织JavaScript代码的一种方式已经存在了很长时间。ECMAScript标准中的模块提供了一种方便的方法

您可以将关键字导出：

1.before declaring variables, functions and classes.
2.separately, while in braces indicates that it is exported.

export.file.js

export let one = 1;
export let two = 2;

或

或

导入

import {one, two} from "export.file";//it is not necessary to specify extension js
alert( `${one} and ${two}` ); // 1 and 2

当你使用

import {loadbarchart} from "./javascript/charts/barchart";
you must be sure that the file javascript/charts/barchart 

 exporte {loadbarchart,loadscatterchart,...};

只有那时

 d3.json("data.json", function(error, data) {
    loadbarchart();
    loadscatterchart();
})

import {loadbarchart} from "./javascript/charts/barchart";
you must be sure that the file javascript/charts/barchart 

 exporte {loadbarchart,loadscatterchart,...};

 d3.json("data.json", function(error, data) {
    loadbarchart();
    loadscatterchart();
})