如何导入导出为默认值的const

时间:2018-12-07 09:28:35

标签: javascript ecmascript-6 import export default

我的项目代码中有这样一行,

const variableName = { ... }

export default variableName

variableName首先是否正确书写?不应该是

export const variableName = { ... } // import { variableName } from './file'

OR

export default variableName = { ... } // import variableName from './file'

将其导入另一个文件的正确方法是什么?

import { variableName } from 'file'

OR

import variableName from './file'

PS-我也看过https://angular.io/api/common/http/HttpInterceptorother answers,但是他们没有谈论导出const变量作为默认变量。

1 个答案:

答案 0 :(得分:1)

这些都是正确的导出方式。

(如果已默认导出):

import myComponent from '...'

如果它是命名导出(export x;

import {x} from '...';
// OR
import {x as y} from '...';
console.log(y);

export const x = /* ... */;只是速记

const x = /* ... */;
export x;

此速记不适用于默认导出,您不能写:

export default const x = {};

Why Is `Export Default Const` invalid?