如何正确使用Javascript"export"和"import"函数？

Question

我想将函数从 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

我做错了什么？或者如何正确使用"export"和"import"？

Answer 1

您可以参考 mozilla 文档 -

1) export

2) import

Answer 2

节点 v6 和某些浏览器仍然不支持本机导入。

Import

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

Answer 3

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

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

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

cd TaskDirectory
node nameOfFile.js

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

如何正确使用Javascript"export"和"import"函数？

How to use Javascript "export" and "import" functions properly?

javascript

import

export

function