Почему параметр index после выполнения рекурсии начинает движение в обратном порядке?

Question

[jenya1995]

Здравствуйте, объясните пожалуйста, почему так происходит?
https://codepen.io/Jane111/pen/LYJWKZp
Проблема на 9 строке (codepen)

Прошу не советовать сделать циклом, умею, просто изучаю рекурсию, пытаюсь разобраться.

const arr = ['Аня', 'Игорь', 'Марина', 'Коля']

function printArr(arr, index = 0) {
  console.log(arr[index]);
  index = index + 1
  
  if (index < arr.length) {
    printArr(arr, index)
    console.log(index)
  } 
}

printArr(arr)

Answer 1

[Антон Антон]

if (index < arr.length) {
console.log(index)
printArr(arr, index)
}

Comments

[jenya1995]

Вы перенесли console.log на предыдущую строку
Не могли бы ответить, почему при размещении console.log на 9 строке начинается обратный отсчет index?
Почему так происходит?

[Антон Антон]

jenya1995, потому что тогда сначала выполняется console.log после выхода из printArr у которого index = arr.length, который внутри printArr у которого index = arr.length - 1 , который внутри printArr с index = arr.length - 2 и т.п.

Answer 2

[AUser0]

Так рекурсия же!
printArr(0) -> printArr(1) -> printArr(2) -> printArr(3)
После собственно рекурсии функция и делает вывод текущего index, поэтому 3 -> 2 -> 1.