如何在ecmascript-6中导入模块?

时间:2015-12-31 02:47:44

标签: javascript ecmascript-6

我想在ecma脚本6中将不同的模块导入我的模块。 例如:

import rest from 'rest';

export function client() {

    // some logic

}

如果我将import语句更改为classic:

var rest = require('rest');
一切都运转良好。有什么想法吗?

2 个答案:

答案 0 :(得分:1)

我不是专家,但import在很多方面与require相似,但主要区别在于:

  • 你可以使用import导入选择性项目(猜测这是接近python),但是使用require,你只导出一个模块作为命名空间,其他一切都是它的子模块。

  • 第二个是,require更多是node.js的东西(虽然你可以使用browserify把它带到浏览器中),但是import现在是ES6的原生特征,即支持ES6的浏览器import可以正常工作

来自lukehoban es6features的示例,以重申我的第一点:

// lib/math.js
export function sum(x, y) {
  return x + y;
}
export var pi = 3.141593;

// app.js
import * as math from "lib/math";
alert("2π = " + math.sum(math.pi, math.pi));

// otherApp.js
import {sum, pi} from "lib/math";
alert("2π = " + sum(pi, pi));

//Some additional features include export default and export *:

// lib/mathplusplus.js
export * from "lib/math";
export var e = 2.71828182846;
export default function(x) {
    return Math.log(x);
}

// app.js
import ln, {pi, e} from "lib/mathplusplus";
alert("2π = " + ln(e)*pi*2);

答案 1 :(得分:1)

这是我的问题的答案,但如果您想知道如何导入其他文件,请参阅用户@mido给出的答案,或者查看此页面:http://www.2ality.com/2014/09/es6-modules-final.html

所以来自@Felix King的评论指导我找到正确的答案。 正如Felix建议的那样,rest模块没有默认的导出功能,因此应该像这样导入:

import * as rest from 'rest';

所以它取决于一个模块,它是如何编写的。 例如,包含在休息中的“mime”拦截器模块可以包含在:

import mime from 'rest/interceptor/mime';