技術標籤：前端進階(針對後端開發)

一、Common.js模組化規範

類似於java的面向物件開發
calculate.js

function sum(a,b){return a+b}
function sub(a,b){return a-b}
function mul(a,b){return a*b}
function div(a,b){return a/b}

// module.exports={
//     sum: sum,
//     sub: sub,
//     mul: mul,
//     div: div
// }

// 如果匯出的方法名和函式名相同 則可以這樣寫
module.exports=
 
{
    sum,
    sub,
    mul,
    div
}

const m = require('./calculate.js')
console.log(m.sum(1,2));

二、es6模組化

function sum(a,b){return a+b}

function sub(a,b){return a-b}

function mul(a,b){return a*b}

function div(a,b){return a/b}


export default{
    sum,
    sub,
    mul,
    div
}

import {m} from
 
 './calculate.js';
console.log(m.sum(1,2));

export function a(){
    console.log('123');
}

//或者直接全部匯出
export default{
   save(){
console.log('save');
   },
   getList(){
console.log('getList');
   }
}