JavaScript의 배열 변환: 이해 [].forEach.call()

JavaScript로 작업할 때 다음을 사용하는 코드 조각이 나타날 수 있습니다. [].forEach.call()은 요소 목록을 반복합니다. 이 기술을 사용하면 배열 함수를 사용하여 NodeList와 같은 배열과 유사한 구조를 확장할 수 있습니다.

빈 배열 []은 함수를 입력으로 받아들이는 forEach 함수에 액세스하는 데 사용됩니다. 그런 다음 이 함수는 배열과 같은 구조의 각 요소에 대해 호출되어 요소, 인덱스 및 구조 자체를 전달합니다.

다음으로 .call은 'this'를 사용자 정의할 수 있는 함수 메서드입니다. 함수의 가치. [].forEach.call()에서 첫 번째 인수는 제공된 함수 내에서 this 값을 대체하는 배열과 유사한 구조입니다.

따라서 제공된 코드 조각은 [].forEach.call( ) 문서의 모든 앵커 태그()를 반복하여 각 앵커에 대해 지정된 함수를 호출합니다. 이 접근 방식은 배열과 유사한 작업을 배열이 아닌 구조에 적용하는 편리하고 간결한 방법을 제공합니다.

그러나 이 기술에 과도하게 의존하면 코드가 지저분해지고 반복될 수 있다는 점에 유의하는 것이 중요합니다. 최신 JavaScript 버전에서는 배열이 아닌 항목을 배열로 변환하는 더 깔끔한 접근 방식을 제공하는 Rest 및 Spread 연산자와 같은 언어 기능을 사용하는 것을 고려해 보세요.