不使用call和apply实现Function.prototype.bind polyfill

最新推荐文章于 2022-08-21 14:40:27 发布

peterCZG

最新推荐文章于 2022-08-21 14:40:27 发布

阅读量312

点赞数 1

分类专栏：前端文章标签： javascript js bind

本文链接：https://blog.csdn.net/qq_41777791/article/details/116867476

版权

本文介绍如何使用ES5语法不依赖call和apply来实现Function.prototype.bind的polyfill。主要涉及将arguments对象转化为数组，结合bind函数与实际调用的参数，处理this指向，以及处理构造函数调用的情况，同时考虑了性能和安全性优化。

摘要由CSDN通过智能技术生成

使用es5语法，不使用`call`和`apply`方法实现 `bind` polyfill

实现要点

将argments类数组对象参数转成数组对象
将bind函数传入的参数和bind之后函数调用传参连接，以获取执行时所有的参数
如果要绑定的thisArg是 undefined 或 null，则将this指向global全局对象
如果传入的thisArg是基础类型，则显示将其转换成引用类型
如果参数总长度<=3，则建议使用条件分支直接调用，如果参数太多，再使用eval动态执行代码，从而提高性能和安全性
bind返回的函数可以当做构造函数使用，this instanceof ctor可以判断当前函数是否被new关键字调用，如果是，则自己绑定自己
继承原函数的原型链

Function.prototype.bind = function (thisArg) {
   
  if (typeof this !== "function") {
   
    throw new Error(
      "Function.prototype.bind - what is trying to be bound is not callable"
    );
  }
  var toArray = function (args) {
   
    var ret = [];
    for (var i = 0, len = args