JavaScript中forEach的实现原理(简单实现步骤)

新建一个数组对象arr：

var arr = ['xiaoming','lihua']

给arr添加一个方法for_Each：

arr.for_Each = function (fn) {
    for (var i = 0; i < this.length; i++) {
        fn(this[i])
    }
}

调用for_Each方法：

arr.for_Each((item) => {
    console.log(item)
})

输出结果：

当arr调用for_Each方法时，this指向arr本身，for_Each传入函数fn，再把arr的每一项传入fn函数中。

for_Each方法常常写入原型中，方便所有数组对象调用，整体代码如下：

var arr = ['xiaoming', 'lihua']
Array.prototype.for_Each = function (fn) {
    for (var i = 0; i < this.length; i++) {
        fn(this[i])
    }
}
arr.for_Each((item) => {
    console.log(item)
})