手写封装javascript的call,apply和bind方法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了手写封装javascript的call,apply和bind方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1456字，纯文字阅读大概需要3分钟。

内容图文

准备两个对象用于测试

 const lvs={
      name:"MaxLoong",
      age:18,
      say:function(...args){
        console.log(this);
        console.log(`姓名：${this.name},年龄：${this.age}，参数：${args}`)
      }
    }
    const xxx={
      name:"xxx",
      age:1000000
    }

封装call方法

    Function.prototype.myCall = function(ret, ...args) {
      if(typeof this !== 'function') throw new TypeError("Please use the correct type"); 
      ret = ret || window;
      ret = typeof ret !== 'object' ? new Object(ret) : ret;
      
      const _key = Symbol();
      ret[_key] = this;  //将this函数 赋值给ret
      ret[_key](...args);
      delete ret._key;
    }
    lvs.say.call("baj")
    lvs.say.myCall("baj")

这里可以看到还是有问题的,当参数为一个字符串的时候,new 出来的对象中比原方法多出了一个Symbol()

封装apply方法

    Function.prototype.myCall = function(ret, ...args) {
      if(typeof this !== 'function') throw new TypeError("Please use the correct type"); 
      ret = ret || window;
      ret = typeof ret !== 'object' ? new Object(ret) : ret;
      const _key = Symbol();
      ret[_key] = this;  //将this函数 赋值给ret
      ret[_key](...args);
      delete ret._key;
    }
    lvs.say.call("baj")
    lvs.say.myCall("baj")

仍然多了Symbol()

    Function.prototype.myBind = function(ret,...args){
      if(typeof this !== 'function') throw new TypeError("Please use the correct type");
      const _this = this;
      return function() {
        const newArgs =args.concat(...arguments);
        _this.myCall(ret, newArgs);
      }
    }

    var a = lvs.say.myBind(xxx);
    var b = lvs.say.bind(xxx);
    console.log(a());
    console.log(b());

bind方法看起来是相同的

总结

并没有经过严谨的测试,欢迎留言。

• 因为经常被用于面试题，如有需要可以尝试封装

内容总结

以上是互联网集市为您收集整理的手写封装javascript的call,apply和bind方法全部内容，希望文章能够帮你解决手写封装javascript的call,apply和bind方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端