JavaScript 中如何手动实现一个简易版的 call 方法-js教程-PHP中文网

javascript中手动实现call方法的核心是将函数临时挂载到指定this对象上执行并传参，需处理this绑定、参数传递和属性清理，返回执行结果。

javascript 中如何手动实现一个简易版的 call 方法

JavaScript 中手动实现 call 方法，核心是让目标函数在指定的 this 上下文中执行，并传入参数。

理解 call 的基本行为

call 接收第一个参数作为函数内部 this 的指向，后续参数依次传给函数。例如：fn.call(obj, a, b) 相当于 obj.fn(a, b)（临时挂载再调用）。

关键实现步骤

需要处理三件事：绑定 this、传递参数、避免污染原对象。

Java Maven Code Review

审查Java Maven项目（ZIP压缩包或GitLab仓库URL），检查代码规范、命名、模块边界、可维护性问题以及重复代码。

下载

将函数临时赋值给目标对象的一个唯一属性（比如 Symbol() 或随机字符串），防止覆盖原有属性
用该属性调用函数，传入除第一个外的所有参数（可用 Array.prototype.slice.call(arguments, 1) 或扩展运算符）
执行后立即删除该临时属性，保持目标对象干净
返回函数执行结果（注意：若函数无返回值，应返回 undefined）

基础版本实现（不支持 null/undefined this）

以下是一个简洁可靠的实现：

Function.prototype.myCall = function(context) {
  if (typeof this !== 'function') {
    throw new TypeError('Not a function');
  }
  context = context || window;
  const fnKey = Symbol();
  context[fnKey] = this;
  const args = Array.prototype.slice.call(arguments, 1);
  const result = context[fnKey](...args);
  delete context[fnKey];
  return result;
};

增强版（兼容规范对 this 的处理）

ECMAScript 规定：当 call 的第一个参数为 null 或 undefined 时，非严格模式下 this 指向全局对象（如 window），严格模式下为 undefined。可这样补全：

Function.prototype.myCall = function(context) {
  if (typeof this !== 'function') {
    throw new TypeError('Not a function');
  }
  // 处理 null/undefined
  context = (context !== null && context !== undefined) ? context : window;
  const fnKey = Symbol();
  context[fnKey] = this;
  const args = Array.from(arguments).slice(1);
  const result = context[fnKey](...args);
  delete context[fnKey];
  return result;
};

不复杂但容易忽略细节，比如 this 类型校验、参数提取方式、临时属性清理和 this 绑定规则。写完可以拿 Math.max.call(null, 1, 2, 3) 这类典型用例验证是否符合预期。