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
的用法。