JavaScript 之手写 forEach

喜欢敲代码的乔某人

于 2024-03-12 14:13:14 发布

阅读量379

点赞数 6

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_60409964/article/details/136649684

版权

本文详细解释了JavaScript中Array.prototype._FOREACH方法的工作原理，包括如何使用回调函数以及this的指向规则，并通过handleArr函数的实例演示了其在遍历数组时的行为。

摘要由CSDN通过智能技术生成

// 第一个参数是 函数
// 第二个参数是 this 的指向 (可选)
Array.prototype._FOREACH = function (callback, thisArg = window) {
    // 第一个参数不是一个函数的话, 抛出异常
    if (typeof callback !== 'function') {
        throw new TypeError(callback + ' is not a function');
    }
    // this 指向的就是当前调用函数的数组
    const len = this.length
    for (let i = 0; i < len; i++) {
        // 修改 this 指向
        callback.apply(thisArg, [this[i], i, this])
    }
}

const arr = [1, 2, 3, 4, 5, 6]

/**
 * @param item：当前正在处理的数组元素的值。
 * @param index（可选）：当前正在处理的数组元素的索引。
 * @param arr（可选）：正在遍历的数组本身。
 * @returns void
 */
function handleArr(item, index, arr) {
    console.log(this, 'this') // 这里的 this 指向的是 obj 
    console.log(`当前元素${item}, 当前索引${index}, 数组本身${arr}`)
}

const obj = {name: '张三'}

arr._FOREACH(handleArr, obj)