使用apply()，实现bind()

最新推荐文章于 2022-03-12 16:47:39 发布

JosonHo

最新推荐文章于 2022-03-12 16:47:39 发布

阅读量612

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/XTXTXTXTYYYY/article/details/109448468

JavaScript 专栏收录该内容

23 篇文章

订阅专栏

博客介绍了使用apply()简单实现bind()的方法，先阐述了bind()的定义，即创建新函数并指定this和参数，返回用apply()修改this指向和传参的function。还提及用call()实现bind()类似，最后探讨能否实现call()/apply()。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里我们使用apply()，简单实现一下bind()；

首先我们得了解bind()的定义：
创建一个新的函数，在 bind() 被调用时，这个新函数的 this 被指定为 bind() 的第一个参数，而其余参数将作为新函数的参数，供调用时使用。

所以最终返回的是一个function，并且需要用apply()来修改this指向和传参。

上代码

Function.prototype.bind = function (content, ...args) {
    var self = this;
    return function () {
        return self.apply(content, args);
    }
}

测试使用

var module = {
  x: 42,
  getSite: function(y, z) {
    return `${this.x},${y},${z}`;
  }
};

var getSiteCopy = module.getSite;
var getSiteBind = getSiteCopy.bind(module, 142, 21);
console.log(getSiteBind ()); // 42,142,21

在这里插入图片描述

既然已经用apply()实现了bind，如果call() 实现呢？也是差不多的。

Function.prototype.bind = function (...args) {
    var self = this;
    return function () {
        return self.call(...args);
    }
}

运行截图
在这里插入图片描述

以上使用了apply()/call()实现了bind()，但是还是借助call()/apply()，那么我们能不能也实现一下call()/apply()呢？

详见：简单实现call()/apply()

ps: 转载请注明出处