功能 - 函数上下文绑定

2020-01-17

描述

创建一个函数，让其使用给定的上下文来调用 fn ，并且可以在最终参数之前可选的为 fn 添加任意提供的额外参数。

提示

• 返回一个使用 Function.prototype.apply() 让 fn 上下文为给定的 context 的函数
• 使用扩展运算符将额外提供的任意参数添加到最终参数之前

代码

const bind = (fn, context, ...boundArgs) => (...args) => fn.apply(context, [...boundArgs, ...args]);

示例

将方法和对象进行绑定：

function greet(greeting, punctuation) {
  return greeting + ' ' + this.user + punctuation;
}
const freddy = { user: 'fred' };
const freddyBound = bind(greet, freddy);
console.log(freddyBound('hi', '!')); // 'hi fred!'

返回总目录

每天 30 秒系列之 JavaScript 代码