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 文件里面,这时候他的意义就体现出来了。