记录js中如何导出exports和使用require导入

本文简明扼要记录在js中如何导出和使用导出。

需要两个文件,一个是功能js(导出),一个是使用功能js(导入)。

一、只导出一个函数的情况

gongneng_one_func.js代码(导出)

复制代码
var XYZ = {};
(function(exports){
    var a= function(aacc,bbcc){
        return aacc+bbcc;
    }
    exports.aaax=a;
})(XYZ);

module.exports=XYZ.aaax;

在另外一个use_gongneng_one_func.js中使用(导入)

复制代码
var aaax =require("./gongneng_one_func");

console.log(aaax(66,33));

注意要点:

两个js要放在同一个目录中,在使用require("./gongneng_one_func");时,路径中的./不能省略,且不需要加后缀js

二、导出多个函数的情况

gongneng_mul_func.js代码(导出)

复制代码
var XYZ = {};
(function(exports){
    var a= function(aacc,bbcc){
        return aacc+bbcc;
    }
    var b=function(aacc,bbcc){
        return aacc-bbcc;
    }
    exports.aaa=a;
    exports.bbb=b;
})(XYZ);

module.exports={
    "aaax":XYZ.aaa,
    "bbbx":XYZ.bbb,
}

在另外一个use_gongneng_mul_func.js中使用 (导入)

复制代码
var {aaax,bbbx} =require("./gongneng_mul_func.js");

console.log(aaax(66,33));
console.log(bbbx(66,33));

或者单独导入其中一个函数

复制代码
var {bbbx} =require("./gongneng_mul_func.js");

console.log(bbbx(66,33));

注意要点:

两个js要放在同一个目录中,在使用require("./gongneng_mul_func");时,路径中的./不能省略,且不需要加后缀js

相关推荐
csbysj20209 分钟前
DOM 节点
开发语言
没落英雄12 分钟前
简单了解 with
前端·javascript
越努力越幸运50813 分钟前
webpack的学习打包工具
前端·学习·webpack
IT古董15 分钟前
微前端的新纪元:Vite + Module Federation 最强指南(2025 全面技术解析)
前端
小小弯_Shelby20 分钟前
vue项目源码泄露漏洞修复
前端·javascript·vue.js
兔子零102421 分钟前
CSS 视口单位进化论:从 100vh 的「骗局」到 dvh 的救赎
前端·css
q***876031 分钟前
项目升级Sass版本或升级Element Plus版本遇到的问题
前端·rust·sass
k***121731 分钟前
【Nginx 】Nginx 部署前端 vue 项目
前端·vue.js·nginx
小尧嵌入式35 分钟前
C++基础语法总结
开发语言·c++·stm32·单片机·嵌入式硬件·算法
@游子38 分钟前
Python学习笔记-Day2
开发语言·python