在一个纯js文件里怎么调用另一个组件的函数

如果要在一个纯 JavaScript 文件中调用另一个组件的函数，需要先确保该组件已经被加载到页面上。然后，可以使用以下几种方法：

1. 直接在 JavaScript 文件中使用该组件的函数，前提是该函数已经被暴露出来并且是全局可用的。

2. 在 HTML 文件中通过 script 标签引入该组件的 JavaScript 文件，然后在需要调用该函数的地方使用该函数。

3. 如果该组件是通过模块化开发方式导出的，可以使用 import 语句将该组件导入到当前 JavaScript 文件中，然后就可以直接调用该组件的函数了。

例如，假设我们有一个名为 MyComponent 的组件，其中有一个名为 myFunction 的函数，我们可以按照以下方式在纯 JavaScript 文件中调用该函数：

1. 如果该函数是全局可用的：

// 直接调用函数
myFunction();

2. 如果该组件的 JavaScript 文件已经被引入到 HTML 文件中：

<!-- 引入 MyComponent 的 JavaScript 文件 -->
<script src="MyComponent.js"></script>

<!-- 在纯 JavaScript 文件中调用 myFunction -->
<script>
    myFunction();
</script>

3. 如果该组件是通过模块化开发方式导出的：

// 导入 MyComponent 模块
import MyComponent from './MyComponent.js';

// 调用 myFunction
MyComponent.myFunction();