javascript - JavaScript 导入如何在后台工作？

Question

import 如何语句实际上在 JavaScript 中有效吗？我读了documentation它说它将导出的代码放在文件的范围内。这是否意味着代码被复制到我键入 import 的文件中？

例如 - 在 library.js 我有:

export {export function getUsefulContents(url, callback) {
    getJSON(url, data => callback(JSON.parse(data)));
}

在 main.js 我有:

import { getUsefulContents} from 'library.js';

getUsefulContents('http://www.example.com',
    data => { doSomethingUseful(data); });

这允许我在 main.js 中调用 getUsefulContents()。我的问题是，main.js 现在有我从 library.js 导出的内容吗？

正在使用 import与刚刚物理定义的 getUsefulContents() 相同在 main.js 中？

function getUsefulContents(url, callback) {
    getJSON(url, data => callback(JSON.parse(data)));
}

getUsefulContents('http://www.example.com',
    data => { doSomethingUseful(data); }); 

我问的主要原因是因为我想知道使用 import 是否会对 main.js 文件大小产生影响？还是在引擎盖下发生了其他事情？

谢谢!

Answer 1

取决于您如何使用 main.js .如果您通过捆绑器运行它，那么捆绑器可能会包含 library.js进入 main.js将其打包成一个文件。在这种情况下，唯一的优势是可维护性和易于开发，因为您专注于您正在处理的文件。如果您只是运行 import声明并部署您的应用程序，import语句不会影响 main.js 的文件大小.