Js的export和import

1、前言

在日常的工组学习中，我们经常会看到Js代码中的export、import关键字，那它到底是什么用呢？今天我们就一起来看看。

2、关于export

export中文意为“导出”，import中文意为“导入”，在Js的ES6规发布后，module成为标准，我们单个文件中的变量和接口（方法）需要使用export关键字导出后才能被其他文件调用。对应的我们在需要调用接口的文件中使用import关键字来导入，这点和其他语言类似。

3、栗子

假设我们现在有一个项目，然后在api模块中存放了接口代码，在test模块中存放了测试代码，测试代码需要调用api中的接口和变量。这个时候我们就需要将api中希望可以被引用的数据export导出，然后在test中import导入使用。

3.1、项目结构

展示项目的文件结构。

项目结构

3.2、func的内容

展示如何将数据导出。

// 定义变量
var name = "phyger",age = 19

// 定义方法
function sai_hi(name,age=18){
    return {"name":name,"age":age};
}

// 导出sai_hi接口和name，age变量
export {sai_hi,name,age}

3.2、demo的内容

展示如何导入数据和使用。

// 从func导入接口和变量
import { sai_hi,name,age } from "../apis/func.js";

// 直接调用
console.log(sai_hi(name,age));

3.3、demo测试结果

此时我们可以执行demo.js进行测试，查看测试结果。

测试结果

4、小结

以上就是我们今天的全部内容，虽然很简单，但是以最简单明了的例子来记录了Js的export和import的用法。