[javascript] Array.prototype.slice.call ()은 어떻게 작동합니까?

후드 아래에서 발생하는 .slice()것은 정상적으로 호출 될 때 this배열이며 배열을 반복하고 작업을 수행한다는 것입니다.

함수 this에서 어떻게 .slice()배열입니까? 당신이 할 때 :

object.method();

…는 object자동의 값이된다 this하여 method(). 따라서 :

[1,2,3].slice()

… [1,2,3]배열은 thisin 의 값으로 설정됩니다 .slice().

그러나 다른 것을 this가치 로 대체 할 수 있다면 어떨까요? 대체하는 것이 숫자 .length속성과 숫자 인덱스 인 많은 속성을 갖는 한 작동합니다. 이 유형의 객체를 종종 배열 형 객체 라고 합니다 .

.call()및 .apply()방법은 당신이 할 수 수동으로 값을 설정 this하는 기능에. 우리의 값으로 설정 그래서 경우 this에를 .slice()로 배열과 같은 객체 , .slice()단지 것입니다 가정 이 배열로 일하고, 그 일을 할 것입니다.

이 평범한 물체를 예로 들어 보겠습니다.

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

이것은 분명히 배열이 아니지만 this값을 로 설정할 수 있으면 제대로 작동 .slice()하기 .slice()에 충분히 배열처럼 보이기 때문에 작동합니다.

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

예 : http://jsfiddle.net/wSvkv/

콘솔에서 볼 수 있듯이 결과는 다음과 같습니다.

['three','four'];

따라서 arguments객체를 this값으로 설정하면 이런 일이 발생합니다 .slice(). 속성과 많은 숫자 인덱스 arguments가 있기 때문에 실제 배열에서 작업하는 것처럼 작업을 수행합니다..length.slice()

답변

var b = a.slice();

var a = arguments.slice();

someObject.slice(1, 2);
slice.call(someObject, 1, 2);

var slice = Array.prototype.slice;
slice.call(someObject, 1, 2);

Array.prototype.slice.call(someObject, 1, 2);

// We can apply `slice` from  `Array.prototype`:
Array.prototype.slice.call([]); //-> []

// Since `slice` is available on an array's prototype chain,
'slice' in []; //-> true
[].slice === Array.prototype.slice; //-> true

// … we can just invoke it directly:
[].slice(); //-> []

// `arguments` has no `slice` method
'slice' in arguments; //-> false

// … but we can apply it the same way:
Array.prototype.slice.call(arguments); //-> […]

// In fact, though `slice` belongs to `Array.prototype`,
// it can operate on any array-like object:
Array.prototype.slice.call({0: 1, length: 1}); //-> [1]

let args = Array.from(arguments);

let args = [...arguments];

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