Array.forEach() 与 Array.map()这些方法的第三个可选参数 array 的作用

说明

let thisArray = []
thisArray.forEach((item, index, array)=>{
    //为什么要有array,而不是直接用thisArray?
})

参数
callback 为数组中每个元素执行的函数，该函数接收一至三个参数：
currentValue 数组中正在处理的当前元素。
index [可选] 数组中正在处理的当前元素的索引。
array [可选] forEach() 方法正在操作的数组。
thisArg 可选 可选参数。当执行回调函数 callback 时，用作 this 的值。

如上，forEach回调方法接受三个参数item, index, _arr，但是最近有人问第三个参数的用法，这第三个参数有用过的吗？

原因

更快地查询到数组的引用

如果在回调中需要访问数组，而你又没有接受第三个参数，那么引擎需要向上层作用域查询是否存在变量，而如果你接受了第三个参数，那么相当于在当前作用域中就已经有这个变量了而不需要向上查询。
这或许能算是一个好处吧，虽然可能微不足道。

函数式编程扩展-在不知道当前遍历操作的数组的情况下

比如在封装回调函数的情况下:

function replace(item, key, arr){
    if(item === 'b') {
        arr[0] = 'a1'
    }
}
const arr1 = ['a', 'b', 'c']
arr1.forEach(replace)
const arr2 = ['1', '2', '3']
arr2.forEach(replace)

函数式编程就是可以让你做到逻辑完全分离，也就是说 callback 函数也可以完全分离。
想象一下你有可能把 callback 封装在 A 文件里，而 .forEach() 和 .map() 操作在 B 文件里面，这时候他的意义就体现出来了。

来源

1. forEach回调的第三个参数的问题
2. 有一个疑问，在 JS 中 Array.forEach()与 Array.map()这些方法的第三个可选参数 array 的作用