パターンマッチングによる JavaScript のオーバーロード_JavaScript のヒント-jsチュートリアル-php.cn

パターンマッチングによる JavaScript のオーバーロード_JavaScript のヒント

WBOY

リリース： 2016-05-16 18:21:21

オリジナル

1017 人が閲覧しました

たまたま、infinte の学生が「よりエレガントな互換性」を提案しましたが、これは実際にこの問題に関連しています (後で説明します)

youa のスクリプトライブラリの Function の Helper に Supports を追加しますオーバーロードされたパターンマッチング

コードをコピーコードは次のとおりです:

 
/**
* 関数パラメーターのオーバーロード メソッドのオーバーロード。関数パラメーターのパターン マッチングを実行します。デフォルトのディスパッチャは * と... および ? をサポートします。「*」は任意の型のパラメータを表し、「...」は任意の型の複数のパラメータを表します。「?」は通常、「,?...」で使用されます。または任意の数のパラメータ 
* @method overload 
* @static 
* @optional {dispatcher} はパラメータのディスパッチを担当する関数と一致するために使用されます 
* @param {func_maps} は以下に基づいて呼び出しを受け入れます一致する関数リスト
* @return {function} オーバーロードされた関数
 */ 
オーバーロード: function(dispatcher, func_maps) { 
if (! (関数のディスパッチャーインスタンス)) { 
func_maps = ディスパッチャー; 
ディスパッチャー = function(args) { 
var ret = []; 
return map(args, function(o) {return getType(o)}).join(); 
} 
} 

return function() { 
 var key =dispatcher([].slice.apply(arguments)); 
for (var i in func_maps) { 
var pattern = new RegExp("^" i.replace("*", "[^ ,]*").replace("...", ".*") "$"); 
if (pattern.test(key)) { 
return func_maps[i].apply(this,引数); 
} 
} 
}, 

 

FunctionH.overload には 2 つのパラメーターが含まれており、1 つは一致条件の処理を担当するディスパッチャー関数です (オプション)もう 1 つは関数マッピングテーブルのセットです。たとえば、呼び出される 3 つのパラメーターは 10、「a」、および [1,2] です。 "number"、string、array" を生成します。パターンマッチングを実装する場合、関数マッピングテーブルの各 "キー" に基づいて正規表現が生成されます。この正規表現は、ディスパッチャ関数の戻り値と一致するために使用されます。一致する場合は、対応するキーが呼び出されます。そうでない場合は、シーケンス内の次のキーと一致します。例:

コードコードは次のとおりです。

getEx: function(obj, prop, returnJson) { 
var ret, propType = ObjectH.getType(prop) 
if (propType == '配列') { 
if (returnJson) { 
ret = {}; 
for (var i = 0; i & lt; prop.length; i ) { 
ret[prop[i] ] = ObjectH.getEx(obj, prop[i]); 
} 
} else { 
//getEx(obj, props) 
ret = []; = 0; i & lt; prop.length; i ) { 
ret[i] = ObjectH.getEx(obj, prop[i]); >//getEx(obj, prop) 
var key = (prop "").split("."); 
ret = obj; 
for (var i = 0; i & lt; キー.length; i ) { 
ret = ret[keys [i]]; 
if (returnJson) { 
json[prop] = ret; 
return json; 
} 
} 
return ret; 
}, 

 
上記の場合の「悪」の if は次のように最適化できます。 >



コードをコピー

コードは次のとおりです:

getEx: FunctionH.overload({ " *,array,*": function(obj, prop, returnJson) { if (returnJson) { ret = {}; for (var i = 0; i & lt; prop.length; i ) { ret[prop[i]] = ObjectH.getEx (obj, prop[i]); }

} else {

ret = []; i = 0; i & lt; prop.length; i ) {
ret[i] = ObjectH.getEx(obj, prop[i]);
}
🎜>},
"*,string,*": function( obj, prop, returnJson) {
var key = (prop "").split(".");
ret = obj;
for (var i = 0; i & lt; keys.length ; i ) {
ret = ret[keys[i]]
}
if (returnJson) {
var json = {};
json[prop] = ret;
return
}
return;
}
OK、一部の人にとっては、このフォームは元のフォームよりも優れているように見えるかもしれませんが、実際にはさらに進めることができます -

コードをコピー

コードは次のとおりです:

 
getEx: FunctionH.overload(function(args) { 
return "prop は " ObjectH.getType(args[1]); 
},{ 
"prop は配列": function(obj, prop, returnJson) { 
if (returnJson) { 
ret = {}; 
for (var i = 0; i & lt; prop.length; i ) { 
ret [prop[i]] = ObjectH.getEx(obj, prop[i]); 
} 
} else { 
//getEx(obj, props) 
ret = []; >for (var i = 0; i & lt; prop.length; i ) { 
ret[i] = ObjectH.getEx(obj, prop[i]); 
} 
} 
 return ret; 
}, 
"prop は string": function(obj, prop, returnJson) { 
var key = (prop "").split("."); obj; 
for (var i = 0; i & lt; keys.length; i ) { 
ret = ret[keys[i]] 
} 
if (returnJson); >var json = {}; 
json[prop] = ret; 
return 
} 
}), 

 
「迷惑な」3 番目のパラメータもあるので、これも単純に処理しました - 

コードをコピー

コードは次のとおりです getEx: FunctionH.overload(function(args) { return "prop は " ObjectH.getType(args[1]) "、returnJson は " args[2]; },{

"prop は配列であり、returnJson は true": function(obj, prop, returnJson) {

ret = {},{ 
for (var i = 0; i & lt; prop .length ; i ) { 
ret[prop[i]] = ObjectH.getEx(obj, prop[i]); 
return 
}, 
" array と returnJson は false": function(obj, prop, returnJson) { 
ret = []; 
for (var i = 0; i & lt; prop.length; i ) { 
ret[ i] = ObjectH.getEx(obj, prop[i]); 
} 
return ret; 
}, 
「prop は文字列で、returnJson は true」: function(obj, prop, returnJson ) { 
var key = (prop "").split("."); 
ret = obj; 
for (var i = 0; i & lt;keys.length; i ) { 
 ret = ret[keys[i]]; 
var json = {}; 
return json; prop は文字列で、returnJson は false": function(obj, prop, returnJson) { 
var key = (prop "").split("."); 
ret = obj; 
for (var i = 0; i & lt; キーの長さ; i ) { 
ret = ret[keys[i]] 
戻り値 
}); >
 
たとえば、ブラウザのスニッフィングや機能検出でもこのモードを使用できます (もちろん、この形式には長所と短所があり、ユーザーは自分で比較検討できます) - 



 
コードをコピー


 コードは次のとおりです:

 
foo = FunctionH.overload(function() { 

return MSIE ? "IE": " NotIE";
},{
"IE": function() {...}

"NotIE": function() {...} });