JavaScript の呼び出し元、呼び出し先、呼び出し、apply_javascript のスキルを理解する-jsチュートリアル-php.cn

JavaScript の呼び出し元、呼び出し先、呼び出し、apply_javascript のスキルを理解する

WBOY

リリース： 2016-05-16 18:53:32

オリジナル

827 人が閲覧しました

まず、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); 
function testAguments(){ 
alert (arguments.selfvalue); 
} 

コードを実行すると、最初のアラートに 1 が表示されることがわかります。これは、配列オブジェクトに値を持つ selfvalue 属性があることを意味します。 1 であり、関数 testAguments を呼び出すと、「未定義」が表示されます。これは、それが引数のプロパティではないこと、つまり、引数が配列オブジェクトではないことを示しています。
caller
現在の関数を呼び出した関数への参照を返します。
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("仮パラメータと実際のパラメータの長さが正しいことを確認してください!"); } else { 
alert("実際のパラメータの長さ: " argument.length); 
alert("正式なパラメータの長さ: " argument.callee.length); 
} 
} 
//再帰計算 
var sum = function(n){ 
if (n 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 を呼び出すことは、
A を呼び出すことと同じです。この場合、グローバル変数自体を呼び出したように反映することができないため、callee を使用する方が良いでしょう。
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 を適用するには、別のトリックがあります。つまり、call と apply を使用して別の関数を適用した後です ( class)、現在の
関数 (クラス) には、別の関数 (クラス) のメソッドまたは属性があり、これは「継承」とも呼ばれます。次の例を見てください:

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

// デモ継承

 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 を使用してクラスを定義するパターンを作成しています。
実装コードは次のとおりです。 

Copy code

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

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

}

} 


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

コードをコピー

コードは次のとおりです

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

alert("この車両は " this.type)

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