JS 程序员应该知道的 bind 方法

  • Z时代
  • 2024-01-10
  • 分类：综合

先别让我去 UC，先看看这段代码：

const objA = {
  num: 1,
};
const objB = {
  num: 2,
};
function fn() {
  console.log(this.num);
}
fn = fn.bind(objA);
fn = fn.bind(objB);
fn();

答案是啥？

竟然是…

1

在 @malcolmyu 同学的点拨下，猜测 bind 方法的实际返回一个内部使用 call 的匿名函数：

function bind(fn, context) {
  return function() {
    fn.call(context);
  };
}

下面通过实现 mybind 方法模拟 bind：

Function.prototype.mybind = function(context) {
  return () => {
    this.call(context);
  }
}

验证下：

Function.prototype.mybind = function(context) {
  return () => {
    this.call(context);
  }
}
const objA = {
  num: 1,
};
const objB = {
  num: 2,
};
function fn() {
  console.log(this.num);
}
fn = fn.mybind(objA);
fn = fn.mybind(objB);
fn(); // 打印 1

哈哈，一毛一样。

以上是 JS 程序员应该知道的 bind 方法 的全部内容， 来源链接： utcz.com/z/264637.html

回到顶部