为何JavaScript对象中直接调用与传引用调用函数的this指向不同？

嘿，这个问题其实戳中了JavaScript里this绑定最容易踩坑的点之一！我来给你掰扯清楚～

JavaScript里的this是个“变色龙”——它的值不是在函数定义时确定的，而是在函数被调用的那一刻才绑定。你的场景刚好对应两种完全不同的绑定规则：

1. 直接调用对象方法：隐式绑定 #

当你写obj.method()的时候，这个方法是“挂在”obj身上被调用的，JavaScript会自动把this绑定到调用它的对象obj上，这就是「隐式绑定」规则。比如：

function MyObj() {
  this.value = 42;
}

MyObj.prototype.printValue = function() {
  console.log(this.value);
  if (this.value > 40) throw new Error("值超标啦！");
};

const obj = new MyObj();
obj.printValue(); // 输出42，this稳稳指向obj

2. 把方法当引用单独调用：默认绑定 #

如果你把方法拆出来赋值给变量，比如const func = obj.printValue，然后调用func()——这时候函数是“孤零零”被调用的，没有任何对象“挂着”它，这就触发了「默认绑定」规则：

• 非严格模式下，this会指向全局对象（浏览器里是window，Node.js里是global）
• 严格模式下，this就是undefined

不管哪种情况，this都不再指向原来的obj了，自然就访问不到对象属性，甚至会报错。这就是你遇到的核心问题：为了逐个捕获异常而单独调用方法时，this丢了！

我们需要把this牢牢绑定到原对象上，同时给每个方法套上try-catch。这里有几种实用的方式：

方法1：用bind()硬绑定this #

bind()会返回一个新函数，这个新函数的this会永久绑定到你传入的对象上，不管怎么调用都不会变。完美适配你的场景：

// 把方法和obj绑定
const safePrint = obj.printValue.bind(obj);

// 单独调用并捕获异常
try {
  safePrint();
} catch (err) {
  console.error("捕获到异常：", err.message);
}

方法2：用箭头函数包裹（词法绑定） #

箭头函数的this是“继承”自外层作用域的，不会随调用方式改变。你可以把方法调用包在箭头函数里，确保this指向obj：

// 直接在try里调用
try {
  (() => obj.printValue())();
} catch (err) {
  console.error("捕获到异常：", err.message);
}

// 如果需要重复调用，把箭头函数存起来
const safeFunc = () => obj.printValue();
try {
  safeFunc();
} catch (err) {
  // 处理异常
}

方法3：写个通用包装函数 #

如果你有一堆方法都要做异常捕获，不如写个通用工具函数，一次性搞定this绑定和异常处理：

function safeInvoke(method, context) {
  return function(...args) {
    try {
      // 用call把context绑定为this，同时传参
      return method.call(context, ...args);
    } catch (err) {
      console.error("方法调用出错：", err.message);
      // 可选：把错误抛出去让上层处理
      throw err;
    }
  };
}

// 给每个方法生成安全调用版
const safePrint = safeInvoke(obj.printValue, obj);
const safeAnotherMethod = safeInvoke(obj.anotherMethod, obj);

// 调用就行
safePrint();
safeAnotherMethod();

你提到方法是定义在原型上的，其实不管是原型方法还是对象自身的方法，this的绑定规则都是一样的——关键看调用方式。只要调用时this能指向实例对象，就能正常访问属性。

比如用class语法写的话，原理完全一致：

class MyObj {
  constructor() {
    this.value = 42;
  }

  printValue() {
    console.log(this.value);
    if (this.value > 40) throw new Error("值太大啦！");
  }
}

const obj = new MyObj();
// 直接调用+捕获异常
try {
  obj.printValue();
} catch (err) {
  console.error(err.message);
}

// 引用后调用需要绑定
const func = obj.printValue.bind(obj);
try {
  func();
} catch (err) {
  console.error(err.message);
}

内容的提问来源于stack exchange，提问作者Robert Koszewski