巧技拾遗 | JavaScript 中 Array.every 和 Array.map 的巧妙结合

这几天在跟着学一点 vue3 + TypeScript 中表单验证的实例，看到一个实现，觉得非常巧妙。

需求概述

我们有一个列表 funcArr ，里面存放函数，比如 funcArr = [ func1, func2, ... ] 。这些函数都是 () => boolean 即无参数、返回值为布尔值的。

我们期望在提交表单时，执行 funcArr 中的每一个函数，如果这些函数都通过验证，则我们的主逻辑获取到 true ，否则是 false 。

朴素版本

func1 = () => {
    console.log(1); return true; }
func2 = () => {
    console.log(2); return false; }
func3 = () => {
    console.log