【JS逆向-export导出语句】将ES6模块导出语法(浏览器中)转成CommonJS格式(Node.js中)

ES6模块导出语法(浏览器中执行)

javascript 复制代码
// 导出
export {Jt as K, $t as a, Xt as h};

// 导入
import {K as x, a as K, h as q} from "./module.js";

转成CommonJS格式(Node.js中执行)

javascript 复制代码
// 导出
module.exports = {K: Jt, a: $t, h: Xt};

// 导入-方法1
const {K: x, a: K, h: q} = require('./module.js');

// 导入-方法2
// const mymodule = require('./module.js');
// x = mymodule.K
// K = mymodule.a
// q = mymodule.h

其他说明

在ES6模块系统中,export语句中的as关键字用于重命名导出的变量或函数。这个语法允许你指定导出的名称(Kah)和本地变量的名称(Jt$tXt)。这样,在导入模块时,你可以使用导出的名称来引用这些变量或函数。

在CommonJS模块系统中,module.exports对象用于导出模块的内容。这个对象是一个普通的JavaScript对象,其属性可以直接被设置或修改。当你使用module.exports时,你实际上是在定义一个对象,其属性的键是导出时使用的名称,而属性值是要导出的变量或函数。

这就是为什么在转换时,映射关系看起来是相反的:

  • 在ES6模块中,export { Jt as K }表示将本地变量Jt导出为K
  • 在CommonJS中,module.exports = { K: Jt }表示创建一个对象,其键是K,值是变量Jt
    这两种语法结构在表面上看起来相反,但实际上它们都是在做相同的事情:创建一个外部可见的映射,将内部的变量或函数关联到特定的名称上。在ES6模块中,这个映射是在导出时创建的,而在CommonJS中,这个映射是在module.exports对象上设置的。
相关推荐
元直数字电路验证23 分钟前
ASP.NET Core Web APP(MVC)开发中无法全局配置 NuGet 包,该怎么解?
前端·javascript·ui·docker·asp.net·.net
我有一棵树1 小时前
Vue 项目中全局样式的正确写法:不要把字体和主题写在 #app 上
前端·javascript·vue.js
龙仔CLL2 小时前
微前端乾坤vue3项目使用tinymce,通过npm,yarn,pnpm包安装成功,但是引用报错无法使用
javascript·arcgis·npm
Luna-player2 小时前
npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1,因为在此系统上禁止运行脚本,解决方法
前端·npm·node.js
Mountain083 小时前
解决 Node.js 启动报错:digital envelope routines 错误全记录
javascript·npm·node.js
老程序员刘飞3 小时前
node.js 和npm 搭建项目基本流程
前端·npm·node.js
wangbing11254 小时前
开发指南139-VUE里的高级糖块
前端·javascript·vue.js
老友@4 小时前
Docker 化 Node.js 项目完整部署流程
docker·容器·node.js
半桶水专家4 小时前
Vue 3 动态组件详解
前端·javascript·vue.js
我有一棵树4 小时前
避免 JS 报错阻塞 Vue 组件渲染:以 window.jsbridge 和 el-tooltip 为例
前端·javascript·vue.js