数组遍历forEach的实现

仅将forEach遍历作为函数进行封装

 var arr = [1, 6, 9, 8];

 function myForEach(array, cb) {
     for (var i = 0; i < array.length; i++) {
         cb(array[i], i, array);
     }
 }

 myForEach(arr, function(value, index, array) {
     console.log(value);
     console.log(index);
     console.log(array);
 })

为了更加深刻理解回调函数,将上诉代码进行更加细化

var arr = [1, 6, 9, 8];

function myForEach(array, cb) {
     for (var i = 0; i < array.length; i++) {
         cb(array[i], i, array);
     }
 }

 function callback(value, index, array) {
     console.log(value);
     console.log(index);
     console.log(array);
 }

 myForEach(arr, callback);

将forEach作为方法添加到原型中去

  • 将方法添加到原型中,可以更好的理解到this的指向
  • 只要添加在原型上的东西,那么里面所有对实例化对象操作的内容全部bout改为this
Array.prototype.myForEach = function(cb, thisArg) {            //cb为回调函数,thisArg为强制改变指针的地址
   for (var i = 0; i < this.length; i++) {                     //this操作的是实例化对象arr——点在谁身上指向谁
        cb.call(thisArg, this[i], i, this);                    //使用call函数强制改变回调函数里this的指向
    }
}

var arr = new Array("33", "55", 99);                           //构造实例化对象

arr.myForEach(function(value) {                                //直接从Array.prototype里直接继承添加的方法
    console.log(value);
    console.log(this);
}, [999])
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值