javascript - 根据条件重新导出或动态导出对象

Question

这是一个简单的场景，我正在努力解决

apicontainer.js

import mockApi from './mock-api';
import realApi from './api';
function getApi() {
   return Cookies.get('isMock') ? mockApi: realApi;
}
let api = getApi();
export function changeApi() {
    api = getApi();
}
export default api

somepage.js

import api from './path-to/apicontainer';

应用程序加载后，如果设置/删除cookie并调用changeApi方法，它会动态更改引用并返回正确的api还是有更好的解决方案？

Answer 1

是的，导入的绑定(bind)只是对导出变量的引用。一种不导出值，一种使变量本身可用(尽管从外部只读)。

所以你可以这样做

// apicontainer.js
import mockApi from './mock-api';
import realApi from './api';
function getApi() {
   return Cookies.get('isMock') ? mockApi: realApi;
}
let api = getApi();
export { api as default }
export function changeApi() {
    api = getApi();
}

// somepage.js
import api, {changeApi} from 'apicontainer'
changeApi();