1. 程式人生 > >js的模塊化

js的模塊化

大致 17. info size png 模塊化 只需要 font 依賴

模塊化的好處

以前我們平常寫js,需要引用大量大js文件,還得註意先後順序,因為是一層一層依賴的關系。很是麻煩,現在有了模塊化,我們只需要知道,我們要實現這個功能需要哪一個js文件就ok,其他的不需要管,它幫我們自動依賴加載了。很方便有沒有!!!

一張圖說明沒有模塊化的時候多麽的操蛋

技術分享圖片

模塊化的大致思路(只是雛形,具體代碼不是這樣寫的,只是我們想實現這樣的一種效果)

技術分享圖片

我們想實現的效果就是我們有一個方法可以定義(吐出)一個函數,然後我們需要哪個函數,就去引用他

具體實現模塊化方法之一 ——》AMD(A異步 M模塊 D定義)

技術分享圖片

技術分享圖片

模塊化的引用

技術分享圖片

具體實現模塊化方法之二 ——》commonJS(nodeJs的產物)

技術分享圖片

connonJs和AMD的使用場景

技術分享圖片

js的模塊化