在javascript中的回调函数内部调用主函数

我正在努力理解以下代码:

let myArray = ["J", "a", "v", ["a", "scrip"], "t"];

const flatten = (myArray) => {
  return myArray.reduce((flat, arry) => {
    return Array.isArray(arry) ? flat.concat(flatten(arry)) : flat.concat(arry);
  }, []).join("");
};
console.log(flatten(myArray));
// Output => Javascript

我很困惑为什么 flatten 在内部调用“Main function” reduce 的函数 arry 参数自 减少 函数通过 myArray ,为什么有必要?当我尝试移除 压平 内部调用 减少 回调函数,如下所示:

const flatten = (myArray) => {
  return myArray.reduce((flat, arry) => {
    return Array.isArray(arry) ? flat.concat(arry) : flat.concat(arry);
  }, []).join("");
};
console.log(flatten(myArray))

代码产生了相同的结果。那么,为什么需要主函数调用,它是如何产生影响的呢?我只需要了解事情是如何运作的。

谢谢你的帮助。