js 代码模块化调用

es5 方式 :

01.js:

const sum = function(a,b){
    return a + b;
}

const subtract = function(a,b){
    return a - b;
}

//把对应的方法暴露出去以供调用
module.exports = {
    f_sum: sum,
    //sum //可以默认使用原函数名
    //f_sub: subtract
    subtract //可以默认使用原函数名
};

02.js:

//引入模块
const math = require('./01.js');

console.log(math.f_sum(5,6));

//console.log(math.f_sub(10,3));
console.log(math.subtract(8,3));

在命令窗口使用node运行:

node .\02.js

结果如下:

================================================================================================

es6方式,又分为两种:

第一种:

01.js:

//直接注明方法暴露
export function getMessage(){
    console.log("getMessage....");
    
}
export function getData(){
    console.log("getData...");
    
}

02.js:

//引入对应的暴露方法
import {getMessage,getData} from './01.js';

getMessage();
getData();

 需要注意的是,nodejs不能直接运行es6模块化代码(普通es6代码可以),需要经过babel转码后再使用nodejs运行,结果如下:

第二种:

01.js:

export default({
    getInfo(){
        console.log("info....");
    },
    getCode(){
        console.log("code....");       
    }
});

02.js:

//引入模块并为其设置别名
import data from './01.js';

//调用方法
data.getInfo();
data.getCode();

然后用babel转码,nodejs运行,得到结果:

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值