手写一个bind函数，利用扩展运算符之简易版

最新推荐文章于 2022-10-24 10:02:46 发布

小乖～

最新推荐文章于 2022-10-24 10:02:46 发布

阅读量209

点赞数

分类专栏：前端小芝士

本文链接：https://blog.youkuaiyun.com/weixin_43199838/article/details/108092209

版权

前端小芝士专栏收录该内容

6 篇文章

订阅专栏

本文详细解析了如何在JavaScript中手动实现Function.prototype.mybind方法，通过实例演示了mybind的功能，包括改变函数调用的上下文（this）以及参数传递。

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

//手写一个mybind，必须放到Function.prototype中，这样函数才能掉用呀
Function.prototype.mybind = function (...args) {
//获取当前的this
  let slef = this
  //获取第一个参数
  let context = args.shift()
  //返回的是一个函数
  return function (...args1) {
  	//拼接参数，并用apply来实现
    slef.apply(context, [...args, ...args1])
  }
}

let obj = {
  name: 'xiaoming'
}
//我在node环境下定义的，定义成全局，为了使其this能获取name
name = 'xiaowang'

let fn = function () {
  console.log(this);
  console.log(this.name);
}
fn(name) //global,xiaoming
fn.mybind(obj)()//obj,xiaowang