如何导入Promise但不立即执行？实现Promise模块按需调用

你现在的问题是模块加载时就直接执行了Promise构造函数里的逻辑，想要按需触发执行，下面给你两种实用的实现方式：

方法一：导出返回Promise的函数 #

把创建Promise的逻辑包裹在函数里，模块导出这个函数。只有当你主动调用函数时，才会创建并执行Promise内部的代码。

修改后的test.js代码：

// 导出函数，调用时才会创建并执行Promise
export default function test() {
  return new Promise((resolve, reject) => {
    console.log('loaded promise test');
    resolve(true);
  });
}

index.js里按需调用：

import test from "./test.js";

console.log('end');

// 在你需要的时机执行，比如点击事件、异步逻辑完成后
// 示例：延迟1秒执行
setTimeout(() => {
  test().then(result => {
    console.log('Promise执行结果:', result);
  });
}, 1000);

执行结果会先打印end，1秒后才打印loaded promise test和Promise执行结果: true，完全符合按需执行的需求。

方法二：导出Promise工厂函数（按需实例化） #

如果需要多次创建相同逻辑的Promise实例，可以导出一个工厂函数，每次调用都会返回新的Promise实例，适合需要重复执行相同异步逻辑的场景。

test.js代码：

// 导出Promise工厂函数，按需创建实例
export function createTestPromise() {
  return new Promise((resolve, reject) => {
    console.log('loaded promise test');
    resolve(true);
  });
}

index.js里的使用示例：

import { createTestPromise } from "./test.js";

console.log('end');

// 第一次需要时实例化执行
const promise1 = createTestPromise();
promise1.then(res => console.log('第一次执行结果:', res));

// 第二次需要时再实例化（会重新执行Promise内部逻辑）
setTimeout(() => {
  const promise2 = createTestPromise();
  promise2.then(res => console.log('第二次执行结果:', res));
}, 2000);

补充：懒加载且仅执行一次的Promise #

如果希望Promise逻辑只执行一次，后续调用直接返回已完成的实例，可以用闭包缓存实现：

test.js代码：

let cachedPromise = null;

export default function test() {
  // 只有第一次调用时才创建Promise
  if (!cachedPromise) {
    cachedPromise = new Promise((resolve, reject) => {
      console.log('loaded promise test');
      resolve(true);
    });
  }
  return cachedPromise;
}

这样不管调用多少次test()，只会打印一次loaded promise test，后续调用直接返回已resolve的Promise实例。

内容的提问来源于stack exchange，提问作者Carl.t_