JavaScript의 인수 객체에 대한 심층 분석

인수 정의

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

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. ARGUMENTS를 배열로 변환
방법 1: 내장 유형은 프로토타입을 통해 내장 속성 메소드를 찾을 수 있습니다. 어레이에 액세스하기 위한 것입니다. 슬라이스 메소드를 통해 배열이 반환됩니다. 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는 형식 매개변수 길이이며 일반적으로 형식 매개변수 길이와 형식 매개변수 길이가 일치하는지 확인하는 데 사용됩니다.
함수의 실제 매개변수 가져오기 인수를 통해 인수를 얻고 인수를 통해 가져옵니다.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));

예: 피호출자는 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)은 별도로 처리되어 두 개의 함수로 나누어집니다. 첫 번째 함수는 fn() {}이고 두 번째 함수입니다. 익명 함수입니다: (1). 두 번째 함수가 매개변수를 사용하지 않으면 오류가 보고되지만 위 함수가 () 안에 포함되어 있으면 올바른 함수입니다.

(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의 인수 개체에 대한 더 자세한 분석 및 관련 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!