年少無知，瞎玩王者，技能太少，知識太老，學校不收，企業不要，三千實習，狗都不干，腹中悲鳴，前端汪汪，
前端模塊化:ES6,CommonJS
- 前言
- 一、CommonJS語法
- 1.CommonJS匯出：
- 2.CommonJS匯出
- 二、ES6語法
- 1.ES6匯出
- 2.ES6匯入
- 總結
前言
模塊化是一種處理復雜系統分解為更好的可管理模塊的方式，人力有限，一個大問題搞不來，拆成若干小問題還搞不來？更何況拆開還能分工合作，
提示：以下是本篇文章正文內容，下面案例可供參考
一、CommonJS語法
注意node.js使用的是CommonJS，
1.CommonJS匯出：
//CommonJS匯出：
module.exports = {
flag:true,
test(a,b){
return a + b;
},
demo(a,b){
return a * b;
}
}
2.CommonJS匯出
//物件解構賦值:
let { test,demo,flag} =require('moduleA');
//等同于:
let _mA = require('moduleA');
let test = _mA.test;
let demo = _mA.demo;
let flag = _mA.flag;
二、ES6語法
1.ES6匯出
vue中多使用ES6：
//ES6匯出：
exports = {
flag:true,
test(a,b){
return a + b;
},
demo(a,b){
return a * b;
}
}
2.ES6匯入
//ES6匯入:
//物件解構賦值
import {test,demo,flag} from './moduleA';
//另類全匯出作為物件aaa
import * as aaa from './moduleA';
//使用：console.log(aaa.flag);
總結
CommonJS用 module.exports{} 匯出，用 require 匯入；
ES6用 exports{} 匯出，用 import 匯入，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/302800.html
標籤：其他
上一篇：Unity WebView 插件??（十五）特定模塊 WebGL網頁視圖—WebGLWebView
下一篇：Vue基礎語法及規范