JavaScript の引数オブ​​ジェクトの詳細な分析 (グラフィック チュートリアル)

arguments は JavaScript の組み込みオブジェクトで、配列構造のようにパラメーターの転送を保存します。ここでは JavaScript の argument オブジェクトを詳しく分析します。必要な方は

arguments の定義を参照してください。すべての関数にはそれがあります。関数の宣言時に定義されたパラメータ リストに限定されず、関数が受け取る実際のパラメータを格納するために使用される独自の引数オブ​​ジェクト。これは配列ではありませんが、配列と同様のアクセス プロパティとメソッドを持ち、対応する単一パラメータの値には argument[n] を通じてアクセスでき、配列長属性 length を持ちます。ただし、配列のメソッドがいくつかありません。呼び出しを通じて引数を実配列に変換し、配列操作を実行できます。

var args = Array.prototype.slice.call(arguments);

配列クラス

1. ARGUMENTSが配列であるかどうかを判断する

alert(arguments instanceof Array);
alert(arguments instanceof Object);

2. データが配列(ARRAY)クラスのインスタンスであるかどうかを厳密に判断する方法

function isArray(value){
  if (typeof Array.isArray === "function") {
    return Array.isArray(value);
  }else{
    return Object.prototype.toString.call(value) === "[object Array]";
  }
}

3. 引数を配列に変換する

方法 1: 組み込み型は、プロトタイプを通じて組み込みの属性メソッドを見つけることができます。 Array.prototype.slice は、配列にアクセスするための組み込みメソッドのスライスです。スライスメソッドを通じて、配列が返されます。 call は、オブジェクトを呼び出して現在のオブジェクトを別のオブジェクトに置き換えるメソッドです。

var arg = Array.prototype.slice.call(arguments,0);

方法 2: 最初に配列を作成してから処理を進めるため、方法 1 よりもパフォーマンスが少し悪くなります

var arg = [].slice.call(arguments,0);

方法 3: ループを通じて配列に変換します

function toArray(arguments){
  var a = [];
  for(var i=0;i<arguments.length;i++){
    a.unshift(arguments.[i]);
  }
  return a;
}

caller

関数が別の関数によって呼び出されるとき、呼び出された関数は、その関数を呼び出した関数オブジェクトを指す caller 属性を自動的に生成します。関数が呼び出されなかった場合、caller は null です。

function testCaller() {
  var caller = testCaller.caller;
  alert(caller);
}
function aCaller() {
  testCaller();
}
aCaller();

ポップアップされるのは、関数 aCaller の内容です。

arguments.callee

arguments.callee は、実行中の関数自体を指し、指定された Function オブジェクトの本体である実行中の Function オブジェクトを返します。 注: argument.length は実際のパラメータの長さ、arguments.callee.length は仮パラメータの長さで、通常は仮パラメータの長さが一貫しているかどうかを判断するために使用されます。引数を介して関数を呼び出し、 argument.callee を介して関数の仮パラメータを取得します。
クロージャーにも広く使用されています。

var i = 0;

  function b(num) {

    if (num < 10) {

      num++;

      i++;

      //如果有参数，callee也要把参数带上;

      arguments.callee(num);

    } else {

      //输出2次

      alert("调用了"+i+"次callee!");

    }

  }

  b(8);

 Arguments.callee在闭包中的应用，它提供了一种递归调调用的功能。

//用arguments.callee计算10的阶乘,例如: 1×2×3×4×5×6×7....

  function c(x) {

    return x > 1 ? x * arguments.callee(x - 1) : 1

  } (10);

  //输出6

  alert(c(3));

  //输出3628800

  alert(c(10));

例: callee は 1-n の合計を見つけます

function fn(n){
  if(n==1) return n;
  else return n+arguments.callee(n-1);
}

匿名関数を自分自身に呼び出すことができます

例:

function list(type){
  var result = "<"+type+"l><li>";
  var args = Array.prototype.slice.call(arguments,1);
  result += args.join("</li><li>");
  result += "</li></"+type+"l>";
  return result;
}
var listHtml = list("o","one","two");
console.log(listHtml);

例 2: インタビューの質問:次の console.log の結果は [1,2,3,4]?

function foo(x){
  console.log(arguments);
  return x;
}
foo(1,2,3,4);
function foo(x){
  console.log(arguments);
  return x;
}(1,2,3,4)

事前解釈中、関数 fn(){}(1) は個別に処理され、2 つの関数に分割されます。1 つ目は関数 fn() {}、2 つ目は匿名関数です。 : (1)。 2 番目の関数がパラメーターを受け取らない場合、エラーが報告されますが、上記の関数が () に含まれていれば正しいです。

(function fn(){
  console.log(arguments);
}(1,2,3,4));
(function foo(x){
  console.log( arguments);
  return x;
})(1,2,3,4)
function foo(){
  bar.apply(null,arguments);
}
function bar(x){
  console.log(arguments);
}
foo(1,2,3,4);

以上、皆様の参考になれば幸いです。

関連記事:

シンプルで分かりやすいJavaScript独学学習メモ

Javascript

で入力した数値を通貨形式に自動変換する方法（コード添付）

JavaScriptについて

スコープチェーン (画像とテキストのチュートリアル、一目でわかる)

以上がJavaScript の引数オブ​​ジェクトの詳細な分析 (グラフィック チュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。