Javascriptの関数を比較する

Question

私は関数を入力として受け取り、その関数がまだ配列に追加されていない場合、APIの内部で、その関数を配列に追加します。

APIへの呼び出しの形式は次のとおりです。

myApiHandle.addIfUnique(function(){ 
    myResource.get(myObj); 
}); 

APIは以下のとおりです。

myApiHandle.addIfUnique(myFunc) { 
    if (myArray.indexOf(myFunc) === -1) { 
     return; 
    } 
// add to array 
} 

予想通りたびに新しい機能が渡されているので、今これは明らかに、動作しません。

私の質問です：myApiHandle.addIfUnique呼び出しに関数を渡す方法があります。これは、配列内の既存の関数をこの関数と比較することができます。現在は渡されていますか？比較では関数名とオブジェクトを比較し、両方が同じ場合は関数を配列に追加しないでください。可能であれば、addIfUnique呼び出しに別の引数を追加することは避けたい。もしそうなら

myApiCall.addIfUnique (someFunc) { 
} 

、someFuncです：つまり

は、可能下回っています。そして、関数がすでにmyArrayに存在するかどうかを検出するためのAPI内部のロジックは何ですか？

Answer 1

同じ問題は、それを除去するために、addEventListenerとremoveEventListener、コールバックが同一でなければならない（===意味で）のためremoveEventListenerで起こります。あなたが見つけてきたように

は、明らかにあなたは、このようaddIfUniqueを呼び出す場合：

addIfUnique(function() { }) 

関数は毎回ユニークなオブジェクトになります渡されます。解決策は、一度関数を作成することです：

var fn = function() { }; 
addIfUnique(fn); 
addIfUnique(fn); 

に渡される関数はメソッド呼び出しであるので、私はそれをバインドする必要がある場合、関連する問題が発生します。

var x = { val: 42, method: function() { console.log(this.val); } }; 

私が渡したいです

addIfUnique(x.method.bind(x)); 
addIfUnique(x.method.bind(x)); 

また、x.method.bind(x)を呼び出すと別の機能が返されます。だから私は、バインドを事前する必要があります：すべての

var boundMethod = x.method.bind(x); 
addIfUnique(boundMethod); 
addIfUnique(boundMethod); 

Answer 2

まず、機能を比較すると、2つの関数は、文字通り異なっていても、意味がない、彼らは機能的に同じであってもよいです。
問題については、それがまったく同じオブジェクトかどうかを比較することができます。そうでない場合は、toString（）関数とregExpを使用して文字通り比較することができます。

var addIfUnique = (function() { 
    var arr = []; 
    return function(func) { 
    if (~arr.indexOf(func)) return false; 
    var nameArr = []; 
    var funcName = func.name; 
    var funcRegExp = new RegExp('[^\{]+\{(.+)\}$', 'i'); 
    var funcStr = func.toString().match(funcRegExp); 
    funcStr = funcStr && funcStr[1]; 
    if (!funcStr) return false; 
    var strArr = arr.map(function(v){ 
     nameArr.push(v.name); 
     return v.toString().match(funcRegExp)[1]; 
    }); 
    if (~strArr.indexOf(funcStr) && ~nameArr.indexOf(funcName)) return false; 
    arr.push(func); 
    }; 
}());