js_javascriptスキルの暗黙的なパラメータ(引数、呼び出し先、呼び出し元)の使用方法

上記の概念について言及する前に、まず JavaScript の関数の暗黙的なパラメーターについて話したいと思います。

引数

arguments このオブジェクトは、実行される関数とそれを呼び出す関数のパラメーターを表します。 [function.]arguments[n] パラメータ
関数: オプション。現在実行中の Function オブジェクトの名前。
n: オプション。 Function オブジェクトに渡されるパラメーター値の 0 から始まるインデックス。説明 Arguments は、関数呼び出し時に指定されたパラメータに加えて作成される非表示オブジェクトです。 Arguments は配列に似ていますが、配列ではないオブジェクトです。配列と同じアクセス プロパティとメソッドを持ち、対応する単一パラメーターの値に argument[ を通じてアクセスできるためです。 n] であり、配列長属性 length を持ちます。また、arguments オブジェクトには関数宣言で定義されたパラメータリストに限らず、実際に関数に渡されるパラメータが格納されており、明示的に作成することはできません。引数オブジェクトは関数の先頭でのみ使用できます。

次の例では、これらのプロパティの詳細を示します

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

//引数の使用法 object
function ArgTest(a, b){
var i, s = "ArgTest 関数が必要です ";
var numargs = argument.length; // を取得します。渡されるパラメータの数値。
var expargs = ArgTest.length; // 期待されるパラメータの値を取得します。
if (expargs s = expargs " 引数。";
else
s = expargs " 引数。";
if (numargs s = numargs " が渡されました。";
else
s = numargs " が渡されました。";
s = " "
for (i =0; i s = " Arg " i " = " argument " ";
}
return(s); // パラメータリストを返します。
}

引数が配列 (Array クラス) ではないことを説明するコードをここに追加しました:

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

Array.prototype.selfvalue = 1;
alert(new Array().selfvalue);
function testAguments(){
alert (arguments.selfvalue);
}

コードを実行すると、最初のアラートに 1 が表示されることがわかります。これは、配列オブジェクトが値を持つ selfvalue 属性を持っていることを意味します。 1 であり、関数 testAguments を呼び出すと、「未定義」が表示されます。これは、それが引数のプロパティではないこと、つまり、引数が配列オブジェクトではないことを示しています。
ここに添付されているのは、誰もが推奨する簡単なメソッドです:alert(argumentsinstanceofArray);
alert(argumentsinstanceofObject);

発信者

現在の関数を呼び出した関数への参照を返します。
functionName.caller
functionName オブジェクトは、実行される関数の名前です。

説明
関数の場合、caller 属性は関数の実行時にのみ定義されます。関数がトップレベルから呼び出された場合、caller には null が含まれます。 caller 属性が文字列コンテキストで使用されている場合、結果は functionName.toString と同じになります。つまり、関数の逆コンパイルされたテキストが表示されます。
注: Function.toString() で逆コンパイルを実現できます。再帰関数を追加すると、関数はより強力になります。
次の例は、caller 属性の使用法を示しています。

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

// 呼び出し元デモ {
function callerDemo() {
if (callerDemo.caller) {
var a= callerDemo.caller.toString( );
();
}


呼び出し先

実行中の Function オブジェクト (指定された Function オブジェクトの本体) を返します。 [function.]arguments.callee オプションの関数パラメータは、現在実行されている Function オブジェクトの名前です。 callee 属性の初期値は、実行中の Function オブジェクトであることに注意してください。 callee 属性は argument オブジェクトのメンバーであり、関数オブジェクト自体への参照を表します。これは、匿名関数の再帰や関数のカプセル化を保証するのに役立ちます。たとえば、次の例では、自然な関数の合計を再帰的に計算します。 1からnまでの数字。このプロパティは、関連する関数が実行されている場合にのみ使用できます。また、呼び出し先には長さ属性があり、検証にはこの方が適している場合があることにも注意してください。 argument.length は実際のパラメータの長さ、arguments.callee.length は仮パラメータの長さです。これにより、呼び出し時の仮パラメータの長さが実際のパラメータの長さと一致しているかどうかを判断できます。

例

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

//callee can printそれ自体
function calleeDemo() {
alert(arguments.callee);
}
//パラメータの検証に使用されます
function calleeLengthDemo(arg1, arg2) {
if (arguments.callee) length= =arguments.callee.length) {
window.alert("仮パラメータと実際のパラメータの長さが正しいことを確認してください。");
return;
alter("仮パラメータ長さ： "arguments.callee.length）;
}
}
//再帰計算
var sum = function（n）{
if（n＆lt; = 0）{ if (1==n) return 1;
else return n sum (n-1);
}


呼び出し時:alert(sum(100)) ;
関数には sum 自体への参照が含まれています。関数名は単なる変数名です。この場合、関数内で sum を呼び出すことは、それ自体を呼び出していることを反映できません。より良い方法。


apply と call

どちらも、実行する関数を別のオブジェクトにバインドします。異なるのはパラメーターの定義方法だけです。
apply(thisArg,argArray); call(thisArg[,arg1,arg2…] ]);

つまり、すべての関数内の this ポインターには thisArg の値が割り当てられ、argArray が有効な配列でない場合、または引数でない場合に関数を別のオブジェクトのメソッドとして実行するという目的を実現できます。オブジェクトの場合、 TypeError が発生します。
argArray も thisArg も指定されていない場合は、Global オブジェクトが thisArg として使用され、パラメータを渡すことはできません。 call の説明 call メソッドは、関数のオブジェクト コンテキストを初期コンテキストから thisArg で指定された新しいオブジェクトに変更します。 thisArg パラメーターが指定されていない場合は、Global オブジェクトが thisArg として使用されます。 関連ヒント: call と apply を使用して別の関数 (クラス) を適用する場合には、別のトリックがあります ( class) 別の関数 (クラス) のメソッドまたはプロパティを持ち、「継承」とも呼ばれます。

以下の例を見てください:

コードをコピーします

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

// 継承のデモ functionbase() { this.member = " dnnsun_Member"; this.method = function() { window.alert(this.member);

}

}
function extend() {
base.call(this);
window.alert(member);
window.alert(this.method);
}


上記の例からわかるように、extend は呼び出し後に Base のメソッドとプロパティを継承できます。ちなみに、JavaScript フレームワークのプロトタイプでは apply を使用してクラスを定義するパターンを作成しています。実装コードは次のとおりです。




コードをコピー

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

var Class = {
create: function() {
return function() {
this.initialize.apply(this, argument);
}
}
}

分析: コードの観点から見ると、このオブジェクトにはメソッド Create が 1 つだけ含まれています。これは関数、つまりクラスを返します。ただし、これは、initialize を呼び出すクラスのコンストラクターでもあり、このメソッドはクラスの作成時に定義される初期化関数です。このようにして、クラス作成パターンの例をプロトタイプで実装できます:

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

var vehicle=Class.create();
vehicle.prototype={
初期化:function(type){
this.type=type;
}
showSelf:function( ){
alter("この車両は " this.type) >