JavaScript中實現依賴注入的思路分享

 　　如下需求：

　　假設已經有定義好的服務模塊Key-Value集合，func為添加的新服務，參數列表為服務依賴項。

　　代碼如下:

　　var services = { abc : 123, def : 456, ghi : 789 }; // 假設已定義好某些Service

　　function Service(abc, ghi){

　　this.write = function(){

　　console.log(abc);

　　console.log(ghi);

　　}

　　}

　　function Activitor(func){

　　var obj;

　　// 實現

　　return obj;

　　}

　　解決思路：

　　通過某種機制(反射?)，取出該func定義的參數列表，並一一賦值。然後再通過某種機制(Activitor?)，實例化該func。

　　解決方案：

　　一、獲取func的參數列表：

　　如何獲取參數列表呢?我首先想到的是反射機制。那javascript裡面有沒有反射呢?應該有吧，我目前只知道使用eval(str)函數，但貌似並沒有獲取參數列表的相關實現。再看func.arguments定義，此屬性只在調用func並傳遞參數時才有效，也不能滿足需求。

　　那能不能通過處理func.toString()後的字符串獲取參數列表呢?

　　上手試試吧：

　　代碼如下:

　　function getFuncParams(func) {

　　var matches = func.toString().match(/^functions*[^(]*(s*([^)]*))/m);

　　if (matches && matches.length > 1)

　　return matches[1].replace(/s*/, '').split(',');

　　return [];

　　};

　　至此獲得func參數列表數組。

　　二、根據參數列表尋找依賴：

　　得到了參數列表，即得到了依賴列表，將依賴項作為參數傳入也就很簡單了。

　　代碼如下:

　　var params = getFuncParams(func);

　　for (var i in params) {

　　params[i] = services[params[i]];

　　}

　　三、傳遞依賴項參數並實例化：

　　我們知道，javascript裡面有func.constructor有call(thisArg,[arg[,arg,[arg,[…]]]])和apply(thisArg,args…)兩個函數，都可以實現實例化func操作。其中call函數第一個參數為this指針，剩余為參數列表，這個適合在已知func參數列表的情況下使用，不能滿足我的需求。再看第二個apply函數，第一個參數也為this指針，第二個參數為參數數組，其在調用時會自動為func的參數列表一一賦值，正好滿足我的需求。

　　代碼大概如下：

　　代碼如下:

　　function Activitor(func){

　　var obj = {};

　　func.apply(obj, params);

　　return obj;

　　}

　　至此我們能夠創建該func的實例，並傳遞該func需要的參數。

　　四、打印測試一下吧：

　　完整代碼：

　　代碼如下:

　　var

　　// 假設已定義好某些Service

　　services = { abc: 123, def: 456, ghi: 789 },

　　// 獲取func的參數列表(依賴列表)

　　getFuncParams = function (func) {

　　var matches = func.toString().match(/^functions*[^(]*(s*([^)]*))/m);

　　if (matches && matches.length > 1)

　　return matches[1].replace(/s+/, '').split(',');

　　return [];

　　},

　　// 根據參數列表(依賴列表)填充參數(依賴項)

　　setFuncParams = function (params) {

　　for (var i in params) {

　　params[i] = services[params[i]];

　　}

　　return params;

　　};

　　// 激活器

　　function Activitor(func) {

　　var obj = {};

　　func.apply(obj, setFuncParams(getFuncParams(func)));

　　return obj;

　　}

　　// 定義新Service

　　function Service(abc, ghi) {

　　this.write = function () {

　　console.log(abc);

　　console.log(ghi);

　　}

　　}

　　// 實例化Service並調用方法

　　var service = Activitor(Service);

　　service.write();

　　控制台成功打印!