如何在JavaScript中导入导出异步函数？及指定异步函数的导出实现

首先先帮你修正代码里的几个小细节（更规范且避免潜在问题）：

• 把拼写错误的respond改成标准的response
• 移除开头的//example（如果是注释请正确闭合，这里看起来是多余标记）
• 注意API_URL_NODE需要在当前文件中定义或提前导入，否则会触发未定义错误

接下来分两种最常见的场景，帮你实现函数的导出与导入：

场景1：导出独立的异步函数 #

如果这个函数不需要依赖类的this上下文（建议把token作为参数传入，替代原本对this.state.tokenUser的依赖，这样函数更通用），可以这样操作：

第一步：修改并导出函数 #

// 假设文件名为 api.js
import axios from 'axios';
// 定义或导入你的API基础地址
const API_URL_NODE = 'https://your-api-domain.com';

// 命名导出方式（推荐，支持同时导出多个函数）
export async function getDatafromAPINODE(url, token) {
  try {
    const response = await axios.get(`${API_URL_NODE}${url}`, {
      headers: {
        "Content-Type": "application/json",
        Authorization: `Bearer ${token}`,
      },
    });
    if (response.status >= 200 && response.status < 300) {
      console.log("response Post Data", response);
    }
    return response;
  } catch (err) {
    console.log("response Post Data err", err);
    return err;
  }
}

// 也可以用默认导出（导入时可以自定义函数名称）
// export default async function getDatafromAPINODE(url, token) { ... }

第二步：在其他文件导入使用 #

如果是命名导出，这样导入：

// 比如 otherFile.js
import { getDatafromAPINODE } from './api.js';

// 使用时传入url和用户token
async function fetchUserData() {
  const userToken = '用户登录后获取的token';
  const apiResult = await getDatafromAPINODE('/user/profile', userToken);
  // 处理返回结果
  console.log(apiResult.data);
}

如果是默认导出，这样导入（可自定义函数名）：

// otherFile.js
import fetchAPI from './api.js';

async function fetchUserData() {
  const userToken = '用户登录后获取的token';
  const apiResult = await fetchAPI('/user/profile', userToken);
}

场景2：函数是类/React组件的方法 #

如果这个函数原本是类（比如React类组件）中的方法，依赖this.state.tokenUser，直接导出函数会导致this指向错误，推荐两种处理方式：

方式A：导出整个类 #

// 比如 MyComponent.js
import axios from 'axios';
const API_URL_NODE = 'https://your-api-domain.com';

class MyComponent extends React.Component {
  async getDatafromAPINODE(url) {
    try {
      const response = await axios.get(`${API_URL_NODE}${url}`, {
        headers: {
          "Content-Type": "application/json",
          Authorization: `Bearer ${this.state.tokenUser}`,
        },
      });
      if (response.status >= 200 && response.status < 300) {
        console.log("response Post Data", response);
      }
      return response;
    } catch (err) {
      console.log("response Post Data err", err);
      return err;
    }
  }

  // 其他组件方法...
}

export default MyComponent;

在其他文件中使用：

// otherFile.js
import MyComponent from './MyComponent.js';

// 实例化类（React组件则在JSX中渲染使用）
const componentInstance = new MyComponent();
async function fetchData() {
  const result = await componentInstance.getDatafromAPINODE('/user/profile');
  // 处理结果
}

方式B：剥离成独立函数（推荐） #

和场景1一样，把token作为参数传入，摆脱对this的依赖，这样函数可以在任意地方复用，更灵活。

额外注意事项 #

• 如果你的项目使用CommonJS（比如旧版Node.js），则用module.exports和require替代ES模块语法：

  // CommonJS 导出
  module.exports = { getDatafromAPINODE };
  // 或者默认导出
  module.exports = getDatafromAPINODE;
  
  // CommonJS 导入
  const { getDatafromAPINODE } = require('./api.js');
  

• 调用异步函数时必须用await或者.then()处理返回的Promise，否则会直接得到一个Promise对象而非实际返回值。

内容的提问来源于stack exchange，提问作者pramudityad