Array.prototype.slice.call은 인수를 배열로 어떻게 변환합니까?

Array.prototype.slice.call의 메커니즘 공개

Array.prototype.slice.call은 다음과 같은 기능을 제공하는 다용도 도구입니다. 논증을 실제 배열로 변환하는 능력. 그러나 이 변환의 기본 메커니즘은 수수께끼처럼 보일 수 있습니다.

일반적인 상황에서 .slice()를 호출할 때 함수는 입력이 배열일 것으로 예상합니다. 이 배열을 반복하면서 작업을 꼼꼼하게 실행합니다.

이 프로세스를 흥미롭게 만드는 것은 인수에 적용될 때 .slice()의 이상한 동작입니다. 일반적으로 인수는 배열 자체가 아닙니다. 오히려 .length 속성과 다양한 숫자 인덱스를 자랑하는 배열과 유사한 구조를 가지고 있습니다. 이를 통해 .slice()에 인수가 배열이라고 가정할 수 있는 유연성이 부여되어 작업을 원활하게 수행할 수 있습니다.

이 변환의 핵심은 call() 및 apply() 메서드에 있습니다. 이러한 방법을 사용하면 함수의 this 값을 특정 개체에 수동으로 할당할 수 있습니다. this 값을 배열 유사 객체에 설정함으로써 본질적으로 .slice()가 실제 배열에서 작동한다고 믿도록 속입니다.

이 개념을 설명하려면 다음 일반 객체를 고려하세요.

var my_object = {
    '0': 'zero',
    '1': 'one',
    '2': 'two',
    '3': 'three',
    '4': 'four',
    length: 5
};

my_object는 배열이 아니지만 .slice()를 사용하여 이 값으로 설정하여 해당 값을 추출할 수 있습니다.

var sliced = Array.prototype.slice.call( my_object, 3 );

콘솔 출력에서 ​​알 수 있듯이 결과는 배열에는 원하는 요소가 포함되어 있습니다.

['three','four'];

본질적으로 인수 개체와 함께 Array.prototype.slice.call을 사용하면 메커니즘이 동일합니다. 인수 객체는 배열이 아님에도 불구하고 .slice()를 속여 마치 배열인 것처럼 작업을 수행하도록 구조를 충분히 미러링합니다.

위 내용은 Array.prototype.slice.call은 인수를 배열로 어떻게 변환합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!