【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对象上设置的。
相关推荐
天天扭码12 分钟前
【硬核教程】从入门到入土!彻底吃透 JavaScript 中 this 关键字这一篇就够了
前端·javascript·面试
Mintopia37 分钟前
计算机图形学学习指南
前端·javascript·计算机图形学
Mintopia38 分钟前
three.js 中的动画(animation)
前端·javascript·three.js
一颗不甘坠落的流星1 小时前
【JS】计算任意字符串的像素宽度(px)
javascript·react.js·ecmascript
z_mazin1 小时前
JavaScript 渲染内容爬取:Puppeteer 入门
开发语言·javascript·ecmascript
昭昭日月明1 小时前
现代前端开发中,类还有不可替代性吗
javascript
打野赵怀真1 小时前
如何提高前端应用的性能?
前端·javascript
shoa_top1 小时前
JS中枚举和迭代
前端·javascript