JavaScript bind用法疑问：两种回调绑定调用方式哪个更优？

先逐一拆解你遇到的几种调用情况：

1. callback(someID) 报错原因 #

你传递的callback是this.somePublicFunction，但传递时未绑定类实例的上下文。在axios的then回调（箭头函数自身this继承外层类实例）中调用callback时，这个普通函数的this默认指向undefined（严格模式下），因此访问私有成员#privateVar会抛出“Cannot read properties of undefined”错误。

2. callback.bind(this, someID) 无报错但不执行的原因 #

bind方法不会直接执行函数，它仅返回一个绑定了指定this和预设参数的新函数。你只是创建了这个新函数但未调用，所以somePublicFunction不会触发。

两种可行方式的对比 #

callback.bind(this)(someID) #

先通过bind(this)将回调的this绑定到当前类实例，得到新函数后再传入someID调用。这种写法的优势是参数可动态传入，如果后续需要根据场景传递不同参数，灵活性更高。

callback.bind(this, someID)() #

通过bind(this, someID)同时完成this绑定和参数预设，再通过末尾的()执行新函数。这种写法更简洁，适合参数固定的场景。

更优雅的优化方案 #

你可以在传递回调时提前完成绑定，避免在then里重复处理：

somePublicFunction(someID) {
  if (this.#privateVar === undefined) {
    // 提前绑定上下文，后续直接调用callback即可
    this.#getPrivateVar(someID, this.somePublicFunction.bind(this));
  }
  // some code
}

#getPrivateVar(someID, callback) {
  axios.get('link', this.#axiosDefaultOptions).then((axiosResponse) => {
    // some code
    callback(someID); // 现在直接调用就不会报错
  });
}

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