引数、呼び出し元、呼び出し先、呼び出し、javascript_javascript スキルの例と理解-jsチュートリアル-php.cn

上記の概念について説明する前に、まず JavaScript の関数の暗黙的なパラメーターについて説明します。引数
Arguments
このオブジェクトは、実行される関数とそれを呼び出す関数のパラメーターを表します。。

[function.]arguments[n]
引数関数: オプション。現在実行中の Function オブジェクトの名前。 n: オプション。 Function オブジェクトに渡される引数値の 0 から始まるインデックス。
説明

Arguments は、関数呼び出し時に指定されたパラメータに加えて作成される隠しオブジェクトです。 Arguments は配列に似ていますが、配列ではないオブジェクトです。配列と同じアクセスプロパティとメソッドを持ち、対応する単一パラメーターの値に argument[ を通じてアクセスできるためです。 n] であり、配列長属性 length を持ちます。また、引数オブジェクトには、関数宣言で定義したパラメータリストに限らず、実際に関数に渡されるパラメータが格納されており、明示的に作成することはできません。引数オブジェクトは関数の先頭でのみ使用できます。次の例では、これらのプロパティの詳細を示します。

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

 
//引数オブジェクトの使用法。 
function ArgTest(a, b){ 
var i, s = "ArgTest 関数が期待されています "; 
var numargs = argument.length; // 渡されたパラメータの値を取得します。 
var expargs = ArgTest.length; // 期待されるパラメータの値を取得します。 
if (expargs < 2) 
s = expargs " 引数。 "; 
else 
s = expargs " 引数。 "; 
if (numargs < 2) 
s = numargs " が渡されました。"; 
else 
s = numargs " が渡されました。"; 
s = "nn" 
for (i =0 ; i s = " Arg " i " = " argument[i] "n"; 
} 
return(s); // 引数リストを返します。 
} 

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

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

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

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

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

alert(配列の引数インスタンス); 
アラート(オブジェクトの引数インスタンス); 

呼び出し元

関数への参照を返します。現在の関数が呼び出されます。 functionName.caller functionName オブジェクトは、実行される関数の名前です。
説明
関数の場合、caller 属性は関数の実行時にのみ定義されます。関数がトップレベルから呼び出される場合、caller には null が含まれます。 caller 属性が文字列コンテキストで使用される場合、結果は functionName.toString と同じになります。つまり、関数の逆コンパイルされたテキストが表示されます。
次の例は、caller 属性の使用法を示しています。

コードをコピーしますコードは次のとおりです: // 呼び出し側デモ {

function callerDemo() {

if (callerDemo.caller) {
var a= callerDemo.caller.toString(); ;
} else {
alert("これはトップ関数です");
}
}
function handleCaller() {
callerDemo() <🎜; >

callee

指定された Function オブジェクトの本体である、実行中の Function オブジェクトを返します。

[function.]arguments.callee
オプションの function パラメーターは、現在実行されている Function オブジェクトの名前です。

説明

callee 属性の初期値は、実行中の Function オブジェクトです。

callee 属性は、引数オブジェクトのメンバーであり、関数オブジェクト自体への参照を表します。これは、匿名
関数の再帰や関数のカプセル化の確保に役立ちます。以下の例では 1 から n までの再帰計算のように自然数の和を求めます。そして、この属性
は、関連する関数が実行されている場合にのみ使用できます。また、呼び出し先には長さ属性があり、検証のために
が使用されることもあることにも注意してください。 argument.length は実際のパラメータの長さ、arguments.callee.length は
仮パラメータの長さから、呼び出し時の仮パラメータの長さが実際のパラメータの長さと一致しているかどうかを判断できます。

例

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

 
// 呼び出し先は自身を出力できます
function calleeDemo() { 
alert(arguments.callee); 
} 
//パラメータの検証用 
function calleeLengthDemo(arg1, arg2) { 
 if (arguments.length==arguments.callee.length) { 
window.alert("仮パラメータと実際のパラメータの長さが正しいことを確認してください!"); 
return { 
 >alert( "実際のパラメータの長さ: " argument.length); 
alert("仮のパラメータの長さ: " argument.callee.length) 
} 
} 
//再帰計算
 var sum = function(n){ 
if (n <= 0) 
return 1; 
else 
return n ＋arguments.callee(n - 1) 
} 

 

比較的一般的な再帰関数:

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

var sum = function (n){ 
if (1==n) return 1; 
else return n sum (n-1) 

 

呼び出されたとき:alert(sum) (100));
関数には sum 自体への参照が含まれています。関数名は単なる変数名です。関数内で sum を呼び出すことは、それが呼び出していることを十分に反映できません。現時点では、callee を使用する方が良い方法です。

apply と call
どちらも、実行する関数を別のオブジェクトにバインドします。この 2 つの唯一の違いは、パラメーターの定義方法です。

apply(thisArg,argArray);

call(thisArg[,arg1,arg2...] ]);

つまり、すべての関数内の this ポインターには thisArg が割り当てられます。これにより、関数を別のオブジェクトのメソッドとして実行するという目的を実現できます

適用の手順
argArray が有効な配列でない場合、または引数オブジェクトではない場合場合、TypeError が発生します。
argArray も thisArg も指定されていない場合は、Global オブジェクトが thisArg として使用され、
パラメータを渡すことはできません。

呼び出しの説明
call メソッドは、関数のオブジェクトコンテキストを初期コンテキストから thisArg で指定された新しいオブジェクトに変更します。
thisArg パラメーターが指定されていない場合は、Global オブジェクトが thisArg として使用されます

関連ヒント:

call と apply を適用するには別のトリックがあります。それは call と apply を使用することです。別の関数 (クラス) の後に、現在の
関数 (クラス) は別の関数 (クラス) のメソッドまたは属性を持ちます。これは「継承」とも呼ばれます。次の例を見てください:

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

// デモ継承

 function base() { 
this.member = " dnnsun_Member"; 
this.method = function() { 
window.alert(this.member); 
} 
 function extend() { 
base.call(this); 
window.alert(this.method); 🎜> 
 上記の例からわかるように、extend は呼び出し後に Base のメソッドとプロパティを継承できます。 

ちなみに、JavaScript フレームワークのプロトタイプでは apply を使用してクラスを定義するパターンを作成します。

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

コードをコピーします

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

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

}

}

;
Analysis: From the code point of view, this object only contains one method: Create, which returns a function, that is, a class. But this is also the
constructor of the class, which calls initialize, and this method is the initialization function defined when the class is created. In this way,
can implement the class creation mode in prototype

Example:

Copy code The code is as follows:

 
var vehicle=Class.create(); 
vehicle.prototype={ 
initialize:function(type){ 
this.type=type; 
} 
showSelf:function(){ 
alert("this vehicle is " this.type); 
} 
} 

var moto=new vehicle("Moto") ; 
moto.showSelf(); 

For more detailed information about the prototype, please visit its official website.

There are more exciting understandings of this in the comments, so I won’t add them here. You can take a look to deepen your understanding.
After reading the above code, that’s it. The following code is for those who want to see the effect immediately. Test more.

Copy code The code is as follows: