js-ES6学习笔记-module

Posted ZhangCui

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js-ES6学习笔记-module相关的知识,希望对你有一定的参考价值。

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;

 

以上是关于js-ES6学习笔记-module的主要内容,如果未能解决你的问题,请参考以下文章

js-ES6学习笔记-module

js-ES6学习笔记-async函数

js-ES6学习笔记-Class

js-ES6学习笔记-Class

js-ES6学习笔记-Class

js-ES6学习笔记-async函数