如何正确使用Javascript“导出”和“导入”功能?

时间:2017-06-19 07:34:12

标签: javascript function import export

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

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

3 个答案:

答案 0 :(得分:1)

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

Import

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

答案 1 :(得分:0)

您可以参考mozilla文档 -

1) export

2) import

答案 2 :(得分:0)

问题最终在几周后得到解决。我以前从未使用过node.js环境,而且我有一个面试任务,其中的函数应该是这样的:

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

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

cd TaskDirectory
node nameOfFile.js

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