返回介绍

模拟 Function.prototype.bind()

发布于 2024-09-07 20:34:43 字数 624 浏览 0 评论 0 收藏 0

bind() 方法创建一个新的函数,在 bind() 被调用时,这个新函数的 this 被指定为 bind() 的第一个参数,而其余参数将作为新函数的参数,供调用时使用。

Function.prototype.myBind = function(context) {
  var context = context || window //获取需要改变的 this
  context.fn = this  // 获取需要改变 this 的函数

  //获取函数参数
  const args = [...arguments].slice(1)
  // 与 apply,call 不同的是这里需要返回一个函数
  return () => {
    return context.fn.apply(context,[...args])
  }

}

function say(a,b,c) {
  console.log(this.name,a,b,c)
}
say.bind({name: 'nanjiu'},1,2,3)() //nanjiu 1 2 3
say.myBind({name: 'nanjiu'},1,2,3)() //nanjiu 1 2 3

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文