JavaScript自定义call Polyfill返回undefined问题求助

你的myCall方法没有返回函数执行后的结果！原生的call会返回目标函数执行时的返回值，而你的代码里只是调用了context.fn(...args)，但没有把这个调用的结果return出去，所以默认返回undefined。

另外还有个细节问题：你直接给context添加了fn属性，会污染原对象，最好执行完后删掉这个临时属性，避免影响原对象的结构。

Function.prototype.myCall = function(context, ...args) {
  // 处理context为null/undefined的情况，默认绑定全局对象
  context = context || globalThis;
  // 创建唯一的临时属性名，避免和原对象已有属性冲突
  const tempFn = Symbol('tempFn');
  context[tempFn] = this;
  // 执行函数并保存返回值
  const result = context[tempFn](...args);
  // 删除临时属性，清理对原对象的污染
  delete context[tempFn];
  // 返回函数执行的结果
  return result;
};

修改后再运行你的测试代码：

console.log(printName.myCall(myName, "Kolkata", "India", "myCall"));
// 输出：myCall => Test Tester, Kolkata - India

这样就和原生call的行为完全一致了。

内容的提问来源于stack exchange，提问作者Faisal Rahman