1. 模塊化的引入與導出 (commonJS規范 和ES6規范)


node組件導出模塊 node一般用commonJS規范

可以通過module.exports導出自己寫的模塊

這樣其他的js文件就可以引用並使用這個模塊

module.exports = {
log:log
}

其他文件如何引用自己寫的模塊?

const {log} = require("./文件名字") //這個是es6解包
// const log = require("./文件名字").log
//因為導出的是一個對象,所以需要拿到某一個需要用點語法

 //知識點補充  exports 和 module.exports實現的效果是一樣

為了方便,Node為每個模塊提供一個exports變量,指向module.exports。這等同在每個模塊頭部,有一行這樣的命令。

var exports = module.exports;
造成的結果是,在對外輸出模塊接口時,可以向exports對象添加方法。

ES6規范的模塊化規范 

1。導出與導出

//es6  找時間考證一下
//導出一 
export.log = log
export var a = ""

//導出二
export  {
log:log
} 

//導出三  此種導出一個模塊只能有一個  導出可以自命名的數據
export default function () {}
export default 變量
//針對導出三的一種導入模式
import 自命名 form "地址"

//普通導入
import {變量名} from “地址”


//大量變量需要導入  可以用通用符號 *
impor * as 自命名 form “地址”
使用 自命名.變量

//知識點補充  es6導出  export 后面跟變量必須要加{}   可以直接跟函數本體

2.html文件引用模塊化js文件

  <script src="" type="module">

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM