運行從字符串變量的JavaScript函數，並傳遞參數

Question

我需要調用定義的JavaScript功能的用戶從我的德，崔根源jQuery插件內和向它傳遞參數，例如：

function test(data) 
    { 
     var myfunc="function(data){alert(data);}"; //this is user defined function I retrieved from html tag attribute 
     var fn=new Function("("+myfunc+")();"); 
     fn.apply(this,arguments); 
     return fn; 
} 
test("hello"); 

的結果是不確定的，怎麼能我將測試函數的數據參數傳遞給用戶定義的函數？提前致謝！

問題更新：

我正在寫一個jQuery插件來處理Ajax請求，就像asp.net的MVC不顯眼的阿賈克斯，我得到的HTML標籤attrbute阿賈克斯callfack功能，例如：

<div data-ajax-success="function(data,status,xhr){alert(data);}".... 

是用戶定義的數據Ajax的成功屬性的值的功能，它可以是以下格式：

data-ajax-success="function(data,status,xhr){alert(data);}" 
data-ajax-success="function(data){alert(data);}" 
data-ajax-success="function(){alert('hello');}" 
data-ajax-success="functionName" 

我需要解析此屬性值作爲javascri PT功能，並通過jQuery的Ajax回調參數傳遞給該函數，其中數據Ajax的成功值是函數的名字，我能正確使用項目建立在微軟jQuery的不顯眼，ajax.js定義下面的方法調用它：

function getFunction(code, argNames) { 
     var fn = window, parts = (code || "").split("."); 
     while (fn && parts.length) { 
      fn = fn[parts.shift()]; 
     } 
     if (typeof (fn) === "function") { 
      return fn; 
     } 
     argNames.push(code); 
     return Function.constructor.apply(null, argNames); 
    } 

但當數據Ajax的成功是函數體，我不能錯過參數給它，下面是處理Ajax回調我的示例代碼：

loadData: function (index, options) { 
complete: function (xhr,status) { 
      $(context.loading).hide(context.loadingDuration); 
      getFunction(context.onComplete, ["xhr", "status"]).apply(this, arguments); 
      }, 
     success:function (data, status, xhr) { 
      $(context.updateTarget).html(data); 
      getFunction(context.onSuccess, ["data", "status", "xhr"]).apply(this, arguments); 
      }, 
      error: getFunction(context.onFailure, ["xhr", "status", "error"]) 
}); 

     $.ajax(options); 
    } 

任何人都可以幫我嗎？非常感謝你！

Answer 1

我解決它通過修改此Microsoft方法：

function getFunction(code, argNames) { 
    var fn = window, parts = (code || "").split("."); 
    while (fn && parts.length) { fn = fn[parts.shift()]; } 
    if (typeof (fn) === "function") { return fn; } //onSuccess="functionName" 
    if ($.trim(code).toLowerCase().indexOf("function")==0) { return new Function("return (" + code + ").apply(this,arguments);");} //onSuccess="function(data){alert(data);}" 
    argNames.push(code); 
    try {return Function.constructor.apply(null, argNames); //onSuccess="alert('hello');return false;" 
    }catch(e){alert("Error:\r\n"+code + "\r\nis not a valid callback function");} 
} 

Answer 2

您沒有將參數傳遞給fn函數。

更改這一部分：

var fn=new Function("("+myfunc+")();"); 

這樣：

var fn=new Function("("+myfunc+")("+data+");"); 

但是如果要定義這樣的data變量必須包含一個JSON字符串的函數：

var fn=new Function("("+myfunc+")("+JSON.stringify(data)+");"); 

Answer 3

我認爲你沒有正確使用函數構造函數。請參閱此鏈接以供參考：

https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Function?redirectlocale=en-US&redirectslug=Core_JavaScript_1.5_Reference%2FObjects%2FFunction#Example.3A_Specifying_arguments_with_the_Function_constructor

Answer 4

MDN描述了函數對象的像這樣的語法：

new Function ([arg1[, arg2[, ... argN]],] functionBody) 

下面是相應的例子：

// Example can be run directly in your JavaScript console 

// Create a function that takes two arguments and returns the sum of those arguments 
var adder = new Function("a", "b", "return a + b"); 

// Call the function 
adder(2, 6); 
// > 8 

適用於你的榜樣代碼應爲：

var fn=new Function("data",myfunc); 

參考：

https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Function