JavaScript 中显式绑定 call 实现对象的属性注入与调用-js教程-PHP中文网

call方法的核心作用是临时改变函数内部this指向并立即执行；它通过func.call(thisarg, arg1, arg2...)语法强制指定this值，支持原始值自动包装、全局对象回退等绑定逻辑，常用于属性注入与上下文复用。

javascript 中显式绑定 call 实现对象的属性注入与调用

JavaScript 中 call 方法的核心作用，是临时改变函数内部 this 的指向，并立即执行该函数。它常被用于“属性注入”——即把某个对象的方法“借”给另一个对象使用，让目标对象在调用时能访问到本不属于它的属性或方法。

call 的基本语法与 this 绑定逻辑

func.call(thisArg, arg1, arg2, ...) 会将 func 内部的 this 指向 thisArg，并传入后续参数执行函数。关键在于：函数体内的 this 在运行时被强制替换，但函数本身不修改、不复制、不挂载到目标对象上。

如果 thisArg 是原始值（如 null、undefined、数字、字符串），非严格模式下会被自动包装成对应包装对象（如 new Number(42)）；严格模式下则保持原值
若省略 thisArg 或传入 null/undefined，且处于非严格模式，this 指向全局对象（浏览器中为 window）；严格模式下为 undefined

模拟属性注入：复用方法而不污染目标对象

当一个对象缺少某方法，但另一个对象有现成实现时，可用 call “临时注入”行为。例如：

const logger = {
  prefix: '[LOG]',
  log(msg) {
    console.log(`${this.prefix}: ${msg}`);
  }
};

const user = { name: 'Alice' };
logger.log.call(user, 'user created'); // ❌ 输出 "[LOG]: user created"？不对！
// 因为 this 指向 user，而 user 没有 prefix 属性 → 输出 "[undefined]: user created"

所以真正有效的“注入”，需要确保目标对象具备所需属性，或提前设置：

Java Maven Code Review

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

下载

直接在目标对象上添加属性：user.prefix = '[USER]'; logger.log.call(user, 'loaded'); → [USER]: loaded
构造临时上下文对象：logger.log.call({ prefix: '[TEMP]' }, 'test');
结合 Object.assign 动态组合：logger.log.call(Object.assign({}, user, { prefix: '[USER]' }), 'ready');

配合高阶函数实现通用注入逻辑

可封装一个工具函数，把方法和所需属性一并“绑定”过去：

function injectAndCall(method, context, props, ...args) {
  const boundContext = Object.assign({}, context, props);
  return method.call(boundContext, ...args);
}

// 使用示例
injectAndCall(logger.log, user, { prefix: '[USER]' }, 'signed in');
// 输出："[USER]: signed in"

这种方式避免了修改原始对象，也比手动 call 更清晰表达“注入意图”。注意：它不改变原对象，只是创建快照式上下文。