耦合性 (Coupling，dependency)
耦合性是指一程式中，模組及模組之間資訊或參數依賴的程度。低耦合性是結構良好程式的特性，低耦合性程式的可讀性及可維護性會比較好。舉例來說 Module A 使用了 Module B 功能, 今天 Module B 更改了功能而造成 Module A 必須也更改使用其功能的邏輯, 則會說 Module A 對 Module B 依賴程度高, 具有高耦合性。所以你要維護 B 就要一起維護 A, 邏輯參在一起想必 module 的可重複使用率也低。解耦 > Dependency injection
高耦合 > 解耦 > 低耦合。解耦方法很多這裡使用的是 Dependency injection (依賴注入>///<)。拿前幾些章節裡的 Server 跟 Route 舉例。 沒有依賴注入的 Server + Route
- route.js
export function regular_route(pathname) { console.log("Start routing path name \"" + pathname + "\""); } - Server.js
import http from 'http' import url from 'url' import { regular_route } from './route.js'; export function serverStart() { function onRequest(request, response) { var path_name = url.parse(request.url).pathname; console.log("Request for " + path_name + " received"); // my Route function regular_route(path_name); response.writeHead(200, {"Content-Type": "text/plain"}); response.write("Hello World.\n"); response.end(); } http.createServer(onRequest).listen(8888); console.log("Server has started..."); } - index.js
import {serverStart} from './Server.js' serverStart();
老實說看起來像最佳解, 但當你要換另一種 routing function, 你正常來說要更改 2 個地方。import 的部份可能要改, 因為是新的檔案或其他大 module 裡的 route function。function name 可能要改, 因為新的 routing function 不叫 regular_route。驗證了上面所說的你改 B 結果 A 也要跟著改，量子糾纏...阿不對是"高耦合"。才 2 個看起來還好，但隨著專案擴的越大，你改 routing function 的時間成本也越大，甚至改天不用 route 用其它東西去處理 URL，那就更慘了。
依賴注入的 Server + Route
這邊切入的點是 Server 這 module 主要不變工作應該只有接收與回覆，中間的 routing function 是會依照時空背景不同去更動(沒錯,就是這麼彈性且有價值,誰說整天看政治新聞沒用的)，可以被抽象化成一個動作，而這個動作可以當作參數傳進 Server 這 module。(說穿了就是做 callback function)
- route.js (沒變)
export function regular_route(pathname) { console.log("Start routing path name \"" + pathname + "\""); } - Server.js
import http from 'http' import url from 'url' export function serverStart(route) { function onRequest(request, response) { var path_name = url.parse(request.url).pathname; console.log("Request for " + path_name + " received"); // my Route function route(path_name); response.writeHead(200, {"Content-Type": "text/plain"}); response.write("Hello World.\n"); response.end(); } http.createServer(onRequest).listen(8888); console.log("Server has started..."); } - index.js
import { serverStart } from './Server.js' import { regular_route } from './route.js'; serverStart(regular_route);
這樣你改 routing function 就不會需要動到 Server.js (改成動index.js...)，甚至改傳吃豬肉這 function，Server 也照執行沒什麼問題。
上一篇 :
下一篇 :
參考資料 :
2. 依賴注入 wiki
3. 耦合性 wiki
