js手写 map和foreach

map函数接收两个参数

1 迭代器函数 ，该函数有三个参数

• 数组项的值
• 数组项下标
• 数组对象本身

2 迭代器函数的this指向
（注：当传了该值，迭代器函数不能为箭头函数了。原因是箭头函数没有this隐式指向。箭头函数在定义时候就已经绑定了上层上下文中非箭头函数this）

Array.prototype.MyMap = function (fn, toThis) {
    if (!Array.isArray(this)) {
        throw new Error(this + 'is not a array')
    }
     // Object.create(null)没有继承任何原型方法，也就是说它的原型链没有上一层。
    const redirectThis = toThis || Object.create(null)
    let arr = this
    let newArr = []
    for (let i = 0; i < arr.length; i++) {
        // call的意思是继承  将 fn被传入的方法放在toThis执行， 后面的是方法的参数
        newArr.push(fn.call(toThis, arr[i], i , arr))
    }
    return newArr
}

var a = [1, 2, 3, 4]
const b = a.MyMap((el, i) => el * el)
console.log(b)

手写forEach
1.参数
数组的每一项，数组的下标，数组本身
2.thisArg 可选
可选参数。当执行回调函数 callback 时，用作 this 的值。

Array.prototype.MyForEach = function(fn, thisArg) {
    const arr = this
    if (typeof fn !== "function") {
     throw "参数必须为函数";
    }
    if (!Array.isArray(arr)) {
     throw "只能对数组使用forEach方法";
    }
    const redirectThis = toThis || Object.create(null)
    for (let index = 0; index < arr.length; index++) {
     fn.call(redirectThis, arr[index], index, arr);
    }
}
var arr1 = [1, 2, 3, 4]
arr1.MyForEach((el, index) => {
    console.log(el, index)
})