CommonJS导出原理

最新推荐文章于 2024-08-09 11:43:11 发布
最新推荐文章于 2024-08-09 11:43:11 发布
阅读量469 收藏
点赞数
分类专栏： 模块化 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44021970/article/details/116071499
版权
本文探讨了CommonJS模块化的导出原理，详细解析了导出方式，包括exports和module.exports的区别。通过代码示例解释了在JS解析过程中，如何正确导出对象，强调了不能直接对exports赋值，而应使用exports.xxx的方式。适合前端开发者了解和学习CommonJS模块化导出的细节。
摘要由CSDN通过智能技术生成

CommonJS模块化导出原理

本人前端小菜鸡一枚，文章用于记录自我学习的知识点、想法和思路，有不正确之处，希望各位大佬多多包涵，不吝赐教

前言

CommonJS模块化导出底层原理

一、CommonJS导出方式

//方式一：
exports.a = "a"
exports.b = function(){
   
	console.log(
最低0.47元/天 解锁文章
前端攻城喵
关注
专栏目录
CommonJs模块化实现原理&ES Module模块化原理
qq_35385241的博客
12-11 752
我们在src/index.js中引入了a.js、b.js, webpack会把’src/a.js’、‘src/b.js’作为modules的key值，该模块内容作为modules的value值；如果是通过export default 方式导出的，那就在 exports 对象加一个 default 属性。进行node ./build.js后查看dist文件下。执行入口函数，为防止命名污染，封装成立即执行函数。
commonjs的模块原理及实现
白开水的博客
05-06 547
commonjs规范 每个js文件都是一个模块 模块的导出 module.exports 模块的导入require require的执行步骤 调用require时会内部调用Module._load方法； Module.resolveFilename 解析文件名，这一步会尝试给文件加上后缀； const filename = Module._resolveFilename(request, parent, isMain); 创建当前模块实例，new Module() => {id,ex
commonJS导出导入
A2258908698的博客
07-12 753
commonJS
Javascript——ES6 Module 和 Common JS 模块
最新发布
weixin_45705239的博客
08-09 1068
随着 ES6 模块的推广，Node.js 也开始支持 ES6 模块，但 CommonJS 由于其长期存在和广泛使用，在 Node.js 生态中仍然非常重要。上述是两种模块系统的基本区别，但随着JavaScript生态的快速发展，一些限制和功能可能会随时间而改变。ES6模块（ECMAScript 2015模块）是JavaScript官方的模块系统，旨在标准化JavaScript中如何编写和消费模块。在ES6模块中，可以使用。该函数接受一个模块标识符（通常是文件的路径）作为参数，并返回该模块导出的内容。
commonJs导出使用
weixin_45932157的博客
03-18 797
var a = 12; // 可以直接赋值，值就会被导出 //exports.data = a; //可以直接复制不能导出，必须加上exports.xxx // module.exports = a; //导出函数 // module.exports = function() { // return "太痛苦的活着"; // } //导出值以及函数 module.exports = { number: 1, fun: function(val) { r
CommonJS模块化的导入导出操作
northcastle的博客
03-11 858
CommonJS 规范下的模块导入导出操作
commonjs导入导出与ES6 Modules导入导出简单介绍及使用
仙途路漫漫其修远兮
07-28 757
commonjs导入导出与ES6 Modules导入导出简单介绍及使用；commonjs：暴露模块【module.exports 与 exports】，导入模块【require】；ES6 Modules：暴露模块【export default 与 export】，导入模块【import xxx from './xxx'】.........
commonjs 模块导出踩坑记录一下
push
03-22 567
踩坑小结一下, 在使用 koa + mysql 进行数据库查询时。为了不让 连接数据库 和 查询数据库 以及路由都在一个文件中(臃肿)，特分离三个文件。分别处理 mysql连接、mysql异步查询、处理路由请求等。 结构如下： - index.js - mysql_config.js - async_db.js index.js 代码如下: const Koa = require("...
Node.js入门：CommonJS模块导出与导入详解
Node.js笔记第一天主要...以上内容概述了Node.js模块化编程的基础，这对于理解Node.js的工作原理和开发高效的可重用代码至关重要。在实际开发过程中，理解并掌握这些概念将有助于编写更模块化、可维护的Node.js应用。
利用webpack理解CommonJS和ES Modules的差异区别
10-15
CommonJS和ES Modules（ESM）是两种常见的模块规范，它们在处理模块导入和导出时有不同的方式。本文将通过使用webpack来深入理解这两种规范的差异。 首先，CommonJS是Node.js环境下的默认模块系统，它允许模块通过`...
commonjs导出与导入
Zhencode的博客
11-15 1768
js文件:module.exports={} //变量或函数等 接收:var xxx=require('/xxx.js')//xxx接收传过来的变量
Commonjs和ES module的导入导出
jsmylo的博客
04-26 787
1.CommonJs的导入和导出（node环境支持；动态依赖） 导出 module.exports = 导出的值 导入 require("模块的路径")//函数返回模块导出的值，路径以./或者../开头 2.ES Module（官方标准）的导入和导出（node和浏览器环境都支持；静态依赖） 导出（导出必须为顶级代码，不可写到代码块中） export function a(){} export const b = ()=>{} //默认导出 export default { x.
Node1--CommonJS规范/模块导出的形式/require
weixin_42139212的博客
12-30 714
NodeJS采用CommonJS规范实现了模块系统 CommonJS规范规定了如何定义一个模块, 如何暴露(导出)模块中的变量函数, 以及如何使用定义好的模块 - 在CommonJS规范中一个文件就是一个模块 - 在CommonJS规范中每个文件中的变量函数都是私有的，对其他文件不可见的 - 在CommonJS规范中每个文件中的变量函数必须通过exports暴露(导出)之后其它文件才可以使用 - ...
commonJs
[暂停使用]任先阳
03-24 992
单个导出(exports.test1)、批量导出(module.exports) 使用时一定要注意~ 有个exports.default，没记~ // 首先exports相当于一个代理，exports.test1 = 1 等价于 module.exports.test1 = 1 // a.js exports.test1 = 1; module.exports = {name:'js ...
CommonJs与ES6的导入导出细节
weixin_47359038的博客
10-21 1156
之前看过一篇CJS与ES6的导入导出文章，发现自己看不懂，平时项目上都是基础的导入导出使用，根本没考虑其中的细节，导致有没有写过bug自己也不知道。此文记录一下使用时的注意点。
【JS导出Excel】
jeason_L的博客
05-22 233
JS导出Excel 原理H5的二进制对象 Blob 传入html ，最重要是可以设置css3来输出Excel的样式，不信你看 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <t...
162. 面试官：能否简单实现一个commonJs的导出函数和require函数？
debug
01-10 1000
162期 1. 能否简单实现一个commonJs的导出函数和require函数？2. 请实现一个简单的轮播图组件？3. script标签放在header里和放在body底部里有什么区别？上面问题的答案会在第二天的公众号(程序员每日三问)推文中公布也可以小程序刷题，已收录500+面试题及答案161期问题及答案 1. commonjs中的module.export和module怎么实现的？在Commo...
CommonJS和ES6中的导入导出使用总结
weixin_45727472的博客
01-23 5719
一、CommonJS的导入导出 1、使用exports导出(注意是有s) （1）注意：exports刚开始是一个空对象，我们可以在这个对象中添加很多个属性，添加的属性会被导出； //这是 main.js文件 let name = 'miracle'; let age = 18; function abc() { console.log('你好'+name); } exports.name = name; exports.age = age; exports.abc = abc; （2）另外一个文件
nodejs导出模块功能原理的个人理解
weixin_34310785的博客
03-17 211
2019独角兽企业重金招聘Python工程师标准>>> ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值