JavaScript核心功能之模块命名冲突的解决方式

// inside module.js
export {
function1 as newFunctionName,
function2 as anotherNewFunctionName
};

// inside main.js
import { newFunctionName, anotherNewFunctionName } from '/modules/module.js';

// inside module.js
export { function1, function2 };

// inside main.js
import { function1 as newFunctionName,
function2 as anotherNewFunctionName } from '/modules/module.js';

import * as Module from '/modules/module.js';

class Square {
constructor(ctx, listId, length, x, y, color) {
...
}

draw() {
...
}

...
}


export { Square };

import { Square } from './modules/square.js';

let square1 = new Square(myCanvas.ctx, myCanvas.listId, 50, 50, 100, 'blue');
square1.draw();
square1.reportArea();
square1.reportPerimeter();