如何正确使用Javascript“导出”和“导入”功能？答案

【问题标题】：How to use Javascript "export" and "import" functions properly?如何正确使用Javascript“导出”和“导入”功能？
【发布时间】：2017-06-19 07:34:11
【问题描述】：

我想将函数从 lib.js 文件导出到 main.js 文件。我有

// lib.js
export const sqrt = Math.sqrt;
export function square(x) {
   return x * x;
}
export function diag(x, y) {
   return sqrt(square(x) + square(y));
}

// main.js 



import { square, diag } from 'lib';
console.log(square(11)); // 121
console.log(diag(4, 3)); // 5

将 main.js 文件连接到 index.html 文件后，在控制台中我可以找到：

Uncaught SyntaxError: Unexpected token export  lib.js:1

我做错了什么？或者如何正确使用“导出”和“导入”？

【问题讨论】：

检查这些链接：link1 , link2 PD：你在使用 ES6 吗？
浏览器不完全支持 import 和 export。您通常需要一个 bundler（如 Webpack）来创建一个包含浏览器所有内容的包。

标签： javascript function import export

【解决方案1】：

node v6 和一些浏览器仍然不支持原生导入。

Import

您可以使用 Typescript 在浏览器中支持导入语句

【讨论】：

【解决方案2】：

几周后问题终于解决了。我以前从未使用过 node.js 环境，我有一个面试任务，其中的功能应该是这样的：

    exports.functionName = () => {
       // smth here
    };

这就是我尝试使用 import 的原因，因为我认为它在任务描述中拼写错误。但解决方案是全局安装节点。使用上面的函数创建 .js 文件，然后在终端中像这样运行：

cd TaskDirectory
node nameOfFile.js

对于所有像我这样的新手。您可以将所有 console.log 都放在终端中，因此您不必将 .js 文件粘贴到 .html 即可在浏览器中调试和检查日志。

【讨论】：

【解决方案3】：

你可以参考 mozilla 文档 -

1) export

2) import

【讨论】：