如何避免JavaScript小部件中的名称冲突

MyWidgets = {
    Widget1: function() {
        // 小部件1的代码
    },
    Widget2: function() {
        // 小部件2的代码
    }
};

// widget1.js
export function Widget1() {
    // 小部件1的代码
}

// widget2.js
export function Widget2() {
    // 小部件2的代码
}

import { Widget1 } from './widget1.js';
import { Widget2 } from './widget2.js';

const widget1 = new Widget1();
const widget2 = new Widget2();

const Widget1 = (function() {
    // 小部件1的代码和数据
    return {
        // 小部件1的公共接口
    };
})();

const Widget2 = (function() {
    // 小部件2的代码和数据
    return {
        // 小部件2的公共接口
    };
})();