为何会出现「函数以数组形式返回」的语法写法？

先看常见的这类代码写法：

function functionCreator(p) {
    const newFunction = () => {
         console.log("Do stuff with p", p);
    }
    return [newFunction];
}

// 后续调用
function useIt(thing) {
   const [funky] = createFunction(thing);
   funky();
}

不少场景里都会看到这种先把返回值塞进数组、再用解构取出的写法，主要有这几个原因：

• 预留扩展空间：当前只需要返回一个函数，但如果后续逻辑迭代，需要返回多个关联的函数或数据时，直接在数组里添加元素即可，不用修改返回值的类型。调用方的代码也只需要扩展解构的变量，不用从接收单个值改成处理数组，能减少不必要的代码改动。比如以后改成返回[funky, resetFun, currentState]，调用方只需要调整解构语句，不用重构整个调用逻辑。

• 语义化分组：数组返回的方式能明确传递一个信号——这些返回值是一组关联的逻辑单元，比如绑定了同一个参数p的操作集合，解构时也能直观看出这些变量属于同一组，增强代码的可读性。

• 贴合社区约定：这种写法是在模仿React Hooks的设计风格（比如useState返回[state, setState]、useReducer返回[state, dispatch]），熟悉React生态的开发者看到这种写法，能立刻理解这是一组可解构的关联返回值，符合大家的使用习惯。

内容的提问来源于stack exchange，提问作者GreenAsJade