Js的export和import

December 17, 2023
测试
测试
测试
测试
1 分钟阅读

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

继续阅读

更多来自我们博客的帖子

如何安装 BuddyPress
由 测试 December 17, 2023
经过差不多一年的开发,BuddyPress 这个基于 WordPress Mu 的 SNS 插件正式版终于发布了。BuddyPress...
阅读更多
Filter如何工作
由 测试 December 17, 2023
在 web.xml...
阅读更多
如何理解CGAffineTransform
由 测试 December 17, 2023
CGAffineTransform A structure for holding an affine transformation matrix. ...
阅读更多