ホームページ > ウェブフロントエンド > jsチュートリアル > オーバーロードされた関数のヘルパー メソッドを JavaScript_javascript ヒントに追加する

オーバーロードされた関数のヘルパー メソッドを JavaScript_javascript ヒントに追加する

WBOY
リリース: 2016-05-16 18:23:57
オリジナル
1033 人が閲覧しました

JavaScriptにおけるオーバーロードされた関数は引数を判断して動作するのが一般的です。
例:

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

var afunc = function() {
args = 引数;
if(args.length == 1) {
console.log(1);
}else if(args.length == 2) {
console.log(2);
}else if (args.length == 3) {
console.log(3);
}

オーバーロードが多い場合、if-else判定がどれだけ必要になるかは想像できます(実際にはオーバーロードの数は多すぎないはずです)。
js関数をオーバーロードしたい場合、コード量は確実に多くなります。それでは、コードをより明確にし、同じコードの記述を減らす方法を見つけることはできないでしょうか?
これが、私が記事と関連コードを書いた理由です。
最初にコードを入力するのが一般的です:

コードをコピーします コードは次のとおりです:
/**KOverLoad
オーバーロードされた関数を作成するためのヘルパー メソッド。
実際、このメソッドは、パラメーターが異なる場合にオーバーロードされたメソッドを分類するのに役立つだけです。
それでもパラメーターの型を判断してオーバーロードしたい場合は、提供されたメソッドで自分で実装してください。
@著者 ake 2010-05-02
@weblog http://www.cnblogs.com/akecn
*/
var KOverLoad = function(scope) {
this.scope =scope window || デフォルトでこのオブジェクトにメソッドを追加します。同時に追加したメソッドのthisはオブジェクトを指しています。
this.list = {}; //オーバーロードされた関数を保存する場所。
return this;
};
KOverLoad.prototype = {
//オーバーロードされたメソッドを追加します。
//@param arg オーバーロードされたメソッド。
add:function(arg) {
if(typeof arg == "function") {
this.list[arg.length] = arg; //パラメータの数によって識別されるストレージのオーバーロードされたメソッド。明らかに、オーバーロードされたメソッドのパラメーターの数が
} の場合、
return this;
},
//すべてのオーバーロードされた関数を追加した後、このメソッドを呼び出してオーバーロードされた関数を作成します。
//@param fc オーバーロードされた関数のメソッド名。
load:function(fc) {
var self = this, args, len;
this.scope[fc] = function() { //指定されたスコープ内の指定されたメソッドをオーバーロードされた関数として設定します。
args = Array.prototype.slice.call(arguments, 0); //パラメータを配列に変換します。
len = args.length;
if(self.list[len]) { //パラメータの数に応じて、対応するオーバーロードされたメソッドを呼び出します。
self.list[len].apply(self.scope, args); //ここでスコープとパラメータを指定します。
}else{
throw new Error("未定義のオーバーロード型");
}
}
}
使用方法私がより明確だと思うメソッド:
//これはオプションのアクション オブジェクトです。



コードをコピー
コードは次のとおりです: var s =function(){} s .prototype = {
init:function() {
console.log();
}
}


//コンストラクターのパラメーターはオブジェクト型またはその他の正当な型である必要があります。指定しない場合、ウィンドウ オブジェクトに登録され、スコープもウィンドウになります。実際には、オーバーロードされたメソッドをどこかに追加するだけです。



コードをコピー
コードは次のとおりです。 new KOverLoad(s.prototype).add (function( a) { console.log("one",a,this)
})
.add(function(a,b) {
console.log("two", a,b ,this)
})
.add(function(a,b,c) {
console.log("three",a,b,c,this)
})
.add(function(a,b,c,d) {
console.log("four",a,b,c,d,this)
})
.load(" func") ; //ここでのパラメータは、作成されるオーバーロード関数のメソッド名です。


上記の操作を完了すると、s.func がオーバーロードされた関数になります。
オーバーロードされた関数は次のように呼び出すことができます:



コードをコピー
コードは次のとおりです: var t = new s(); t.func();//エラー例外をスローします。ゼロパラメータで指定された関数がないため
t.func("o");//one o Object {}
t.func(1,2);//two 1 2 Object {}


簡単なコードですが、ご提案やご意見がございましたら、メッセージを残してください。
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート