找出函數是匿名還是在對象中定義

Question

我想在JavaScript中編寫一個幫助器方法。如果發送函數或函數引用，它的行爲應該是不同的。

我想喜歡用這樣的：

helper('div', function() { return false; }) 
helper('div', obj.fn) 

我想不通的是：如何幫助函數裏面分辨出兩者之間的區別？

我認爲這是由於的JavaScript首先計算obj.fn發送它之前。 我發現的唯一的解決方法是發送obj.fn作爲OBJ，即

helper('div', { fn: obj.fn }) 

然後我可以用typeof來區分兩者的區別。但我真的很喜歡某種方式讓它沒有額外的對象聲明。

Answer 1

您可以使用toString()找出如果函數是匿名的，假設它被聲明爲命名的功能，而不是分配給一個變量的匿名函數：

function jim() { var h = "hello"; } 
function jeff(func) 
{ 
    var fName; 
    var inFunc = func.toString(); 
    var rExp = /^function ([^\s]+) \(\)/; 
    if (fName = inFunc.match(rExp)) 
     fName = fName[1]; 

    alert(fName); 
} 

會給你函數的名稱（如果有的話）。

jeff(function() { blah(); }); // alert: null; 
jeff(function joe() { blah(); }); // alert: "joe"; 
jeff(jack); // "jack" if jack is function jack() { }, null if jack = function() {} 

我以前的編輯，你仍然可以指定命名的功能對象屬性使用命名功能提到了一個IE的怪癖而已，並沒有其他的瀏覽器存在，並且不再有效，在IE爲9版本然而表情：

var obj = { 
    fn: function namedFunction() { } 
}; 

這適用於所有瀏覽器，但IE 8，下不堅持它說的功能僅適用於通過自己的塊內這個名字的規範。

Answer 2

UPDATED *（AGAIN）： 我認爲toString（）方法可能是你在這裏的唯一方法。但它不會以不同方式處理匿名對象的引用。

此代碼表明：

function acceptparam(fn){ 

      console.log("fn.constructor = " + fn.constructor); 
      console.log("typeof fn = " + typeof fn); 
      console.log("fn toString " + fn.toString()); 

      console.log("fn.prototype = " + fn.prototype); 
      console.log("fn.prototype.constructor = " + fn.prototype.constructor); 
      console.log("this[0] = " + this[0]); 
      console.log("---"); 

     } 

     function empty(){ 
      return ; 
     } 

     var x = { 
      y : function(){return;} 
     } 

     acceptparam(empty); 
     acceptparam(function(){return;}); 
     acceptparam(x.y); 

很有趣的問題，沒有實現自己的解決方案，我不認爲你可以做到這一點，這篇文章有助於解釋爲什麼。它關於父母的子女關係只是一種方式。

http://codingforums.com/showthread.php?t=134855

Answer 3

我想我會添加另一個替代答案，主要是因爲我不想添加到湯是我的其他答案，但也因爲它沒有順利與stackoverflow選民沒有離開建設性的意見;-)

作爲一種替代你想做什麼，你可以第三個參數添加到輔助函數：

function helper (tagName, fn, method) 
{ 
    if (method) 
     fn = fn[method]; 

    //- Do rest of helper function here 
} 
//- Now if we pass an object method to helper function we can identify it properly 
helper('div', obj, "fn"); // method is obj.fn 
helper('div', function() { blah(); }); // Still works fine 

僅僅是一個建議和作品，以及甚至比你目前的解決方案更好。