JavaScript의 인수 객체에 대한 심층 분석(그래픽 튜토리얼)

arguments는 배열 구조와 같은 매개변수 전송을 저장하는 JavaScript의 내장 개체입니다. 여기서는 JavaScript의 인수 개체를 심층적으로 분석합니다. 필요한 친구는

arguments 정의

를 참조할 수 있습니다. 모든 함수에는 함수가 선언될 때 정의된 매개변수 목록에 국한되지 않고 수신하는 실제 매개변수를 저장하는 데 사용되는 자체 인수 개체가 있습니다. 배열은 아니지만 배열과 동일한 액세스 속성과 메서드를 가지며, 해당 단일 매개변수의 값은 인수[n]을 통해 액세스할 수 있으며 배열 길이 속성을 갖습니다. 그러나 배열의 일부 방법이 없습니다. 호출을 통해 인수를 실제 배열로 변환한 후 배열 작업을 수행할 수 있습니다.

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

Array 클래스

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는 Array에 액세스하기 위한 내장 메소드 슬라이스입니다. 슬라이스 메소드를 통해 배열이 반환됩니다. 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

다른 함수에 의해 함수가 호출되면 호출된 함수는 해당 함수를 호출한 함수 개체를 가리키는 호출자 속성을 자동으로 생성합니다. 함수가 호출되지 않은 경우 호출자는 null입니다.

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

팝업되는 것은 aCaller 함수의 내용입니다.

arguments.callee

arguments.callee는 실행 중인 함수 자체를 가리키며 실행 중인 Function 개체, 즉 지정된 Function 개체의 본문을 반환합니다.
참고:args.length는 실제 매개변수의 길이이고,args.callee.length는 형식 매개변수의 길이이며 일반적으로 형식 매개변수의 길이가 일치하는지 확인하는 데 사용됩니다. 실제 매개변수를 가져옵니다. 인수를 통해 함수를 실행하고,args.callee를 통해 함수의 형식 매개변수를 가져옵니다.
클로저에도 널리 사용됩니다. ㅋㅋㅋ 2: 면접 질문: 다음 console.log 결과는 [1,2,3,4]입니까?

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));

사전 해석 중에 함수 fn(){}(1)은 별도로 처리되어 두 개의 함수로 나누어집니다. 첫 번째 함수는 fn() {} 함수이고 두 번째 함수는 익명 함수입니다. : (1). 두 번째 함수가 매개변수를 사용하지 않으면 오류가 보고되지만 위 함수가 ()에 포함되어 있으면 올바른 함수입니다.

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

위 내용은 모든 사람을 위해 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

간단하고 이해하기 쉬운 자바스크립트 자습 노트

Javascript

에서 입력된 숫자를 통화 형식으로 자동 변환하는 방법(코드 첨부)

Javascript 소개

스코프 체인(그림 및 텍스트 튜토리얼, 한눈에 명확함)

위 내용은 JavaScript의 인수 객체에 대한 심층 분석(그래픽 튜토리얼)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!