引数、呼び出し元、呼び出し先、呼び出し、javascript_javascript スキルの例と理解

上記の概念について説明する前に、まず 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:

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AIヘンタイを無料で生成します。

もっと見る

人気の記事

R.E.P.O.説明されたエネルギー結晶と彼らが何をするか（黄色のクリスタル）

2週間前 By 尊渡假赌尊渡假赌尊渡假赌

スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか？

1 か月前 By DDD

R.E.P.O.ファイルの保存場所：それはどこにあり、それを保護する方法は？

1 か月前 By DDD

R.E.P.O.最高のグラフィック設定

2週間前 By 尊渡假赌尊渡假赌尊渡假赌

アサシンのクリードシャドウズ：シーシェルリドルソリューション

1週間前 By DDD

もっと見る

ホットツール

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

もっと見る

ホットトピック

Gmailメールのログイン入り口はどこですか？

7396

15

Java チュートリアル

1630

14

CakePHP チュートリアル

1358

52

Laravel チュートリアル

1268

25

PHP チュートリアル

1217

29

もっと見る