ES6中import和export的使用

首先回顾一下node.js中如何实现模块化

        node.js遵循了commonJS的模块化规范，在导入其它模块时使用require()方法，模块对外共享成员使用module.exports对象

• commonJS适用于服务器端的js模块化

因为node.js中默认仅支持commonJS规范，如果基于node.js学习ES6模块化，需要配置如下：

1. 首先确保安装了14.15.1及以上版本的node.js
2. 在package.json的根节点中添加"type": "module"节点

在终端使用npm init -y初始化package.json文件，添加"type": "module"节点，前置工作完成。

 

默认导出和默认导入

        需要注意的是：默认导出在文件中只能使用一次

let name = "张三";
let age = 18;
function show() {}

export default {
    name,
    show
}

import test1 from './默认导出.js'

console.log(test1);

 打印结果如下：

 

按需导出和按需导入

1. 每个模块中可以使用多次按需导出
2. 按需导入的成员名称必须和按需导出的名称保持一致
3. 按需导入时，可以使用 as 关键字进行重命名
4. 按需导入可以和默认导入一起使用

// 按需导出
export let label = "标题"
export let value = "内容"
export function text() { } 

// 默认导出
let name = "lisi"
export default {
    name
}

import name, { label as title, value } from './按需导出.js'

console.log(name,title,value);

打印结果如下：

 

直接运行代码 

for (let i = 0; i < 5; i++){
    console.log(i);
}

import "./直接运行代码.js"

打印结果如下：