(1)後端模組化
在後端化開發中,類和類之間的呼叫成為模組化操作
(2)前端模組化
在前端中,js和js之間呼叫成為前端模組化操作
es6模組
新建乙個資料夾,比如我取的名字是module
編寫01.js
const add=function(a,b)
const sub=function(a,b)
//設定哪些方法可以被其他js呼叫
module.exports=
編寫02.js
//引入
const fun=require("./01.js")
//呼叫
console.log(fun.add(1,2))
console.log(fun.sub(1,2))
結果(02.js呼叫01.js)
新建乙個資料夾,比如我取的名字是module
編寫01.js
export function add(a,b)
export function sub(a,b)
編寫02.js
//引入01.js方法
import from './01.js'
//呼叫方法
console.log(add(1,2))
console.log(sub(1,2))
執行出錯
前端模組化
前端模組化解決什麼問題?有了模組,我就可以很方便的使用別人的 想要什麼功能,就用載入什麼模組。但是,這樣做需要有乙個前提,那就是大家必須以同樣的方式編寫模組,否則就亂套了。所以組內需要有一套統一的模組規範。如何實現模組?1 物件字面量的變體 2 js設計模式的模組模式 3 採用成熟的庫檔案。前兩種方...
前端模組化
定義 具有相同屬性和行為的事物的集合 在前端中 將一些屬性比較類似和行為比較類似的內容放在同乙個js檔案裡面,把這個js檔案稱為模組 目的 為了每個js檔案只關注與自身有關的事情,讓每個js檔案各行其職 模組化 指的就是遵守commonjs規範,解決不同js模組之間相互呼叫問題 commonjs a...
前端模組化
當多人開發同一專案時,很容易就會產生命名衝突的問題,尤其是js檔案,任何的js引入順序的打亂都可能導致專案執行失敗,為了解決命名衝突的問題,在es6之前,可以使用函式閉包來解決這個問題。即可能像這樣 function 這樣雖然可以解決命名衝突的問題,但也使得 的復用性變得極差,因為其它的檔案將無法再...