记录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

相关推荐
水木姚姚11 分钟前
初识C++
开发语言·c++
努力往上爬de蜗牛13 分钟前
react native 实现选择图片或者拍照上传(多张)
javascript·react native·react.js
谢尔登20 分钟前
【React】React组件的渲染过程分为哪几个阶段?
前端·javascript·react.js
权泽谦31 分钟前
新世代的 C++:当 ChatGPT 遇上模板元编程
开发语言·c++·chatgpt
MediaTea34 分钟前
Python 第三方库:Flask(轻量级 Web 框架)
开发语言·前端·后端·python·flask
2501_9411114038 分钟前
C++中的状态模式实战
开发语言·c++·算法
5***o50040 分钟前
前端构建工具缓存清理,解决依赖问题
前端·缓存
lcc1871 小时前
Vue Vue与VueComponent的关系
前端·vue.js
无敌最俊朗@1 小时前
Vue 3 概况
前端·javascript·vue.js
Dxxyyyy1 小时前
零基础学JAVA--Day34(Map接口+HashTable+HashMap+TreeSet+TreeMap+开发中如何选择集合实现类?(重要))
java·开发语言