【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对象上设置的。
相关推荐
码路星河3 小时前
基于 Vue + VueUse 的 WebSocket 优雅封装:打造高可用的全局连接管理方案
javascript·vue.js·websocket
技术钱3 小时前
node+egg搭建管理系统后台
node.js
摘星编程3 小时前
React Native + OpenHarmony:Accelerometer计步器代码
javascript·react native·react.js
敲敲了个代码3 小时前
如何优化批量图片上传?队列机制+分片处理+断点续传三连击!(附源码)
前端·javascript·学习·职场和发展·node.js
Ophelia(秃头版5 小时前
JS事件循环与NodeJS事件循环(libuv)
开发语言·javascript
敲敲了个代码6 小时前
多标签页强提醒不重复打扰:从“弹框轰炸”到“共享待处理队列”的实战
java·前端·javascript·面试·架构
多多*7 小时前
图解Redis的分布式锁的历程 从单机到集群
java·开发语言·javascript·vue.js·spring·tomcat·maven
Mr Xu_8 小时前
Vue + Element Plus 实现前端导出 Excel 功能详解
前端·javascript·vue.js
前端大波8 小时前
vue3的自动化路由(unplugin-vue-router)
javascript·vue.js·自动化
戌中横9 小时前
JavaScript 对象
java·开发语言·javascript