关于ES6的一些小tips——export 与 import

来源:互联网 发布:看不见的城市知乎 编辑:程序博客网 时间:2024/06/05 04:52

export命令:export命令可以出现在模块的任何位置,但是必须是顶层

1、输出变量

export var a = 'a';

export {a, b, c};

2、输出函数

export function a(x){

return a;

}


import命令:import命令具有提升效果,可以提升到顶部

1、import {a, b, c} from './prefile';

大括号中的变量名必须与被导入模块对外接口的名称相同。

2、整体加载

import * as obj from './prefile'


export default 命令

1、export default function() {

}

此时用import导入的时候可以用任意指向该方法的名称,比如:

import aa from './default.js'

2、也可以用在非匿名函数之前。此时导入时不需要用大括号

3、也可以用来输出类


0 0