1、如果想为输入的变量重新取一个名字,import
命令要使用as
关键字,将输入的变量重命名。
import { lastName as surname } from './profile';
2、import
命令具有提升效果,会提升到整个模块的头部,首先执行。这种行为的本质是,import
命令是编译阶段执行的,在代码运行之前。
3、由于import
是静态执行,所以不能使用表达式和变量,这些只有在运行时才能得到结果的语法结构。
4、除了指定加载某个输出值,还可以使用整体加载,即用星号(*
)指定一个对象,所有输出值都加载在这个对象上面。
import * as circle from './circle'; console.log('圆面积:' + circle.area(4));
console.log('圆周长:' + circle.circumference(14));
5、使用export default
时,对应的import
语句不需要使用大括号。export default
命令用于指定模块的默认输出。显然,一个模块只能有一个默认输出,因此export default
命令只能使用一次。所以,import
命令后面才不用加大括号,因为只可能对应一个方法。
6、本质上,export default
就是输出一个叫做default
的变量或方法,然后系统允许你为它取任意名字。所以,下面的写法是有效的。
// modules.js
function add(x, y) {
return x * y;
}
export {add as default};
// 等同于
// export default add; // app.js
import { default as xxx } from 'modules';
// 等同于
// import xxx from 'modules';
7、如果在一个模块之中,先输入后输出同一个模块,import
语句可以与export
语句写在一起。
export { foo, bar } from 'my_module'; // 等同于
import { foo, bar } from 'my_module';
export { foo, bar };
具名接口改为默认接口的写法如下。
export { es6 as default } from './someModule'; // 等同于
import { es6 } from './someModule';
export default es6;