for each,bind,call原码

for each()方法手写

for each作用:foreach语句可以迅速遍历集合或数组,省去 for语句中设置循环起点和循环条件的过程
语法

arr.forEach(callback(currentValue [, index [, array]])[, thisArg])

参数:
callback

为数组中每个元素执行的函数,该函数接收一至三个参数:
currentValue
数组中正在处理的当前元素。
index 可选
数组中正在处理的当前元素的索引。
array 可选
forEach() 方法正在操作的数组。
thisArg 可选
可选参数。当执行回调函数 callback 时,用作 this 的值。

Array.prototype.myForEach = function(){
            // 在数组的原型上面添加一个这个方法 
            //取出对应的参数
            var _arr = this;
            console.log(_arr)
            var fn = arguments[0];
           
            var obj = arguments[1] || window;
            // 在循环中调用这个函数 this -> arr
            for(var i=0;i<this.length;i++){
                fn.call(obj,_arr[i],i,_arr);
            }
        }
(对象).myForEach(function(item,index,self){
})

call()手写

立即执行函数 并且改变this的指向为指定的参数 不写参数时函数的this指向window

用法:function.call(thisArg, arg1, arg2, …)

 Function.prototype.myCall = function(){
            var  taregt = arguments[0] || window;
            // 1. 保留参数
            var args = Array.from(arguments).slice(1);
            // 2. 执行函数 this 并且参数进行传递
            // 执行函数时 改变函数中this的指向 并且传递参数给函数

            // 2.1 在改变this指向为指定对象 target上添加一个属性 值为最终调用的函数
            taregt.fn = this;

            taregt.fn(...args);
            // console.log(...args);

        }
        demo.myCall({x:1},1,2,3,4,5,6);
        demo.myCall({x:1},[1,2,3,4,5,6]);

bind()手写

bind() :返回一个新函数,并且把新函数中的this指向改变为指定的参数

  Function.prototype.myBind = function(){
            // 1. this改变指向 
            var target = arguments[0] || window;
            // 2. 保留调用bind时 传递的函数中的实参
            // 截取arguments中从下标1开始往后所有的参数
            var args=Array.prototype.slice.call(arguments,1)
            // console.log(args);
            // 3. 保留myBind中的this指向  demo
            // console.log(this)
            var self = this;

            return function(){
                // fn1被调用时  其实调用的是demo  demo指向
                // 改变demo的this指向  指向target 并且将参数进行传递
                self.apply(target,args);
            }
        }
        
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值