将函数绑定到上下文

2754. 将函数绑定到上下文

编写一个所有函数都支持的方法 bindPolyfill 。当 bindPolyfill 方法被调用并传递了一个对象 obj 时，该对象将成为函数的 this 上下文。

例如，如果你有以下代码：

function f() {
  console.log('My context is ' + this.ctx);
}
f();

它的输出是 "My context is undefined" 。然而，如果你绑定了该函数：

function f() {
  console.log('My context is ' + this.ctx);
}
const boundFunc = f.boundPolyfill({ "ctx": "My Object" })
boundFunc();

它的输出应为 "My context is My Object" 。

你可以假设传递给 bindPolyfill 方法的是一个非空对象。

请在不使用内置的 Function.bind 方法的情况下解决该问题。

示例 1：

输入：
fn = function f(multiplier) { 
  return this.x * multiplier; 
}
obj = {"x": 10}
inputs = [5]
输出：50
解释：
const boundFunc = f.bindPolyfill({"x": 10});
boundFunc(5); // 50
传递了一个乘数 5 作为参数。 
上下文设置为 {"x": 10}。 
将这两个数字相乘得到 50。

示例 2：

输入：
fn = function speak() { 
  return "My name is " + this.name; 
}
obj = {"name": "Kathy"}
inputs = []
输出："My name is Kathy"
解释：
const boundFunc = f.bindPolyfill({"name": "Kathy"});
boundFunc(); // "My name is Kathy"

提示：

obj 是一个非空对象
0 <= inputs.length <= 100

你能在不使用任何内置方法的情况下解决这个问题吗？

原站题解

去查看

上次编辑到这里，代码来自缓存点击恢复默认模板

/** * @param {Object} obj * @return {Function} */ Function.prototype.bindPolyfill = function(obj) { }

typescript 解法, 执行用时: 72 ms, 内存消耗: 42.4 MB, 提交时间: 2023-10-15 15:06:48

type Fn = (...args) => any

declare global {
  interface Function {
    bindPolyfill(obj: Record<any, any>): Fn;
  }
}

Function.prototype.bindPolyfill = function(obj) {
  // return (...args) => this.call(obj, ...args);
  return (...args) => this.apply(obj, args);
}

javascript 解法, 执行用时: 64 ms, 内存消耗: 41.1 MB, 提交时间: 2023-10-15 15:06:31

/**
 * @param {Object} obj
 * @return {Function}
 */
Function.prototype.bindPolyfill = function(obj) {
    return (...args) => this.apply(obj, args);
}

上一题

下一题

详情