從創建一個自定義標籤的值的功能屬性

Question

給出一個元素：

<div id='adiv' customAttr='myFuncToExecute'></div> 

什麼是讀取自定義屬性的最佳方式，並將其轉換成在JavaScript中可執行的方法。我目前使用的new Function()構造：

if ($('#adiv').attr('customAttr')) { 
    var myFuncV1 = new Function('return ' + $('#adiv').attr('customAttr') + '()'); 
    var myFuncV2 = new Function($('#adiv').attr('customAttr')); 
} 

myFuncV1將可執行文件myFuncV1()。或者，我可以在事件處理程序綁定使用myFuncV2：

$('#adifferentdiv').click(myFuncV2); 

這樣確實對我的需要，但使用new Function()構造相當於使用eval()。

問題：是否有更好的方法來讀取和評估（無雙關語意圖）自定義屬性，其中包含要在腳本的其他地方使用的方法的名稱？

在此先感謝您的幫助。

Answer 1

使對象的方法屬性，然後你可以刪除新功能方法：

var obj = {someMethod: function(){...}}; 

obj[$('#adiv').attr('customAttr')](); 

雖然你可能想測試obj[$('#adiv').attr('customAttr')]存在調用它，如前

var fn = obj[$('#adiv').attr('customAttr')]; 

if (fn) fn();