前端面试手撕代码之new,call,apply,bind,防抖,节流,函数柯里化

function myNew(){
    var obj={};//创建一个空对象
    var Constructor=[].shift().apply(arguments);//获得构造函数
    obj.__proto__=Constructor.prototype;//链接到原型
    var result = Constructor.call(obj,arguments);//绑定this,执行构造函数
    return typeof result==='object' ? result : obj //确保new出来的是个对象
  }
  function myCall(context){
    var context=context||window;
    context.fn=this;
    var args=[...arguments].slice(1);
    var result=context.fn(...args);
    return result;
    delete context.fn
  }
  function myApply(context){
    var context=context||window;
    context.fn=this;
    var args=arguments[1];
    var result;
    if(args){
      result=context.fn(...args)
    }else{
      result=context.fn()
    }
    return result
    delete context.fn
  }
function debounce(func,wait){
      let timeout;
      return function(){
        let context=this;
        let args=arguments;
        if(timeout) clearTimeout(timeout)
        timeout=setTimeout(()=>{
          func.apply(context,args)
        },wait);
      }
    }

    function debounce(func,wait){
      let timeout;
      return function(){
        let context=this;
        let args=arguments;
        if(timeout) clearTimeout(timeout)
        let callNow=!timeout;
        timeout=setTimeout(()=>{
          timeout=null
        },wait)
        if(callNow) func.apply(context,args)
      }
    }
    
  //节流
  //时间戳版
  function throttle(func,wait){
    let previous=0;
    return function(){
      let now=Date.now();
      let context=this;
      let args=arguments;
      if(now-previous>wait){
        func.apply(context,args)
        previous=now;
      }
    }
  }

  function throttle(func,wait){
    let timeout
    return function(){  
      let context=this;
      let args=arguments;
      if(!timeout){
        setTimeout(()=>{
          timeout=null
          func.apply(context,args)
        },wait)    
      }
    }
  }
function curry(fn){
  let len=fn.length;
  return function temp(){
    //收集本次传递参数
    let args = [...arguments];
    if(args.length>=len){
      return fn(...args);
    }else {
      return function(){
        temp(...arguments,...args);
      }
    }
  }
}
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值