JS関数のオーバーロードの解決策_JavaScriptスキル

オブジェクト指向プログラミングでは、多くの言語が関数のオーバーロードをサポートしており、関数によって渡されるパラメーターのさまざまな数と型に基づいてさまざまな操作を実行できます。ただし、JS はそれをサポートしていないため、追加の操作が必要です。小さな行動。

JS の関数実行コンテキストには、引数という興味深い変数があります。これは、関数定義でそれほど多くの形式的な定義がされていない場合でも、関数の実行時に渡されるすべてのパラメーターを配列の形式で格納します。パラメータ。もう 1 つの特別な特徴は、Array 型と比較して、引数変数には長さ属性が 1 つしかないことです (push、pop など)。これは単なる「疑似配列」です。長さ属性と格納配列は、配列アクセサー [] を使用してアクセスできますが、読み取り専用で書き込み可能ではありません。

1. さまざまな数のパラメータに対するオーバーロード
ここで明らかなように、引数関数の長さ属性を使用して判断するだけです。

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

2. さまざまな型のパラメーターのオーバーロード JS のような動的に型付けされた言語の場合、変数宣言の恣意的な性質により、開発者の頭の中では厳密な変数型の重要性が薄れます (追記:これも ECMA システムに基づいており、AS は変数宣言の必須タイプを導入しています)。実際には、この変数タイプの自動変換によって多くの予期しないバグが発生します。実際、JS は変数の型を厳密に検出するための非常に正確なメソッドを提供します。より一般的なのは typeof メソッドとコンストラクター属性です。

1. typeof 変数は変数の型を返します

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

temp = "say";
temp = 1; //数値
temp = unknown; //オブジェクト
temp = {}; /object
temp = true; //boolean
temp = function (){} //function
alert(typeof temp);
上記のテストにより、null、Object、Array がオブジェクト型を返すことがわかり、次のメソッドでこの問題を解決できます。

2.Constructor 属性で変数の型を検出

JS のすべてのオブジェクトにはコンストラクター属性があり、このオブジェクトを構築する関数を参照するために使用されます。この参照を判断することで変数の型を検出できます。

コードをコピーします

コードは次のとおりです。temp = "say" ; temp.constructor ==String; //true temp= {}; temp.constructor == オブジェクト;//true

temp= [];/ /true

上記のテストにより、配列型変数とオブジェクト型変数を簡単に区別できます。カスタム オブジェクトでテストを実行して、何が起こるかを確認してみましょう。

コードをコピー

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

//カスタム オブジェクト関数 Ball () {} //オブジェクトをインスタンス化します var BasketBall = new Ball(); basketBall.constructor==Ball; //true

これは、コンストラクター属性がカスタム オブジェクトにも適用できることを示しています。

上記 2 つのメソッドの適用を明確にした後、JS 関数のオーバーロードのシミュレーションに戻りましょう。次の例はパラメーターの型に基づいたオーバーロードです。

コードをコピー

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

関数 talk(msg){
var t = typeof msg;
if(t=="文字列"){
アラート("文字列です");
else if(t=="数値"){
alter("数値です")
}
}
talk(10); // 文字列です
talk("デモ") // それは数字です

パラメータの型と数値を厳密に検出する非常に賢い関数が付属しています:

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

// に基づいて変数リストを厳密にチェックします。パラメータリスト
関数の型 strict(types, args ) {
//パラメータの数が型と一致することを確認します core
if (types.length != args.length ) {
//長さが一致しない場合、例外がスローされます
throw "引数の数が無効です。" types.length " が予期され、代わりに " args.length " を受け取りました。" 🎜> for ( var i = 0; i < args.length; i ) {
使用スルー スルー スルー スルー スルー スルー スルー スルー スルー スルー スルー スルー スルー スルー スルー スルー スルー スルー スルー スルー スルー スルー スルー スルー スルー スルー スルー スルー スルー スルー スルー スルー スルー スルー スルー スルー スルー‐‐‐‐ and‐ for ( var i = 0; i throw "引数の型が無効です。期待されるのは " " >}

//上記のメソッドの使用
function doFunction(id,name){
//パラメータの数と型を検出します
strict([Number,String],arguments); ..
}