콜백 함수의 매개 변수는 어떻게 작동합니까?

Question

그래서 함수형 프로그래밍과 고차 함수를 구체적으로 이해하려고합니다. 필자가 명확히 이해하지 못했던 것은 콜백 함수의 매개 변수가 배열과 어떻게 연결되어 있었는지였습니다.

더 명확하게하기 위해,이 코드 예제를 보자 :

var friends = ["Mike", "Stacy", "Andy", "Rick"]; 

friends.forEach(function (eachName, index){ 
console.log(index + 1 + ". " + eachName); // 1. Mike, 2. Stacy, 3. Andy, 4. Rick 
}); 

콜백 매개 변수 eachName 그것이 배열에서 항목을 반환하는 것을 의미하고 index이 배열의 인덱스를 반환하도록되어 있음을 알고 있는가? 어떻게 배열과 콜백 매개 변수 사이의 연결이 작동합니까?

Answer 1

forEach 메서드가 콜백 함수를 호출하거나 호출하는 중입니다. 보다 구체적으로 forEach가 어떻게 작동하는지 봅시다.

function forEach(arr, func) { 
    for (var i = 0; i < arr.length; i++) { 
    func(arr[i], i); 
    } 
} 

이제 이와 같은 작업을 수행 할 수 있습니다.

function forEach(arr, func) { 
 
    for (var i = 0; i < arr.length; i++) { 
 
    func(arr[i], i); 
 
    } 
 
} 
 

 
var cars = ["BMW", "Tata Nano", "Lamborghini"]; 
 

 
forEach(cars, function (car, index) { 
 
    alert(car + " " + index); 
 
});

Answer 2

API가 지원합니다. 이 경우 array.forEach의 콜백은 항상 현재 항목, 배열의 현재 항목 인덱스 및 배열 자체라는 3 개의 인수를 허용하도록 설정됩니다.

다른 인수 서명이있는 API의 한 예는 array.reduce입니다. 누적 기, 현재 항목, 현재 항목의 색인 및 배열 자체의 4 가지 인수를 허용하도록 설정됩니다.