如何为JavaScript命名函数绑定固定上下文，确保调用时始终使用该上下文？

当然可以实现！你想要给命名函数绑定固定上下文，让它不管被谁调用都不改变this指向的需求，有好几种靠谱的方法，我给你详细拆解：

你尝试的直接在函数声明后链式调用bind()会报错，因为函数声明语句不支持直接链式操作，但我们可以换个方式：先拿到函数的引用，再调用bind()生成一个绑定了指定上下文的新函数，之后用这个新函数去做后续操作。

示例代码：

// 先声明你的原始命名函数
function handler(arg) {
  this.arg = arg;
}

// 定义你要绑定的目标上下文（比如自定义对象、window或者当前作用域的this）
const targetContext = { name: "My Fixed Context" };

// 生成绑定后的新函数
const boundHandler = handler.bind(targetContext);

之后把boundHandler传给第三方函数就可以了：

// 第三方无法修改的函数
function addEventListener(callback) {
  callback("test argument");
}

// 传入绑定后的函数
addEventListener(boundHandler);

不管addEventListener内部怎么调用回调，boundHandler里的this都会固定指向targetContext。

如果你不需要保留原始的handler函数，也可以直接把绑定后的函数覆盖原变量：

handler = handler.bind(targetContext);

如果一开始就确定要绑定上下文，你可以用函数表达式来声明函数，这样就能直接链式调用bind()，和你最开始想要的写法类似：

// 用函数表达式声明并直接绑定上下文
const handler = function(arg) {
  this.arg = arg;
}.bind(targetContext);

// 直接传给第三方函数即可
addEventListener(handler);

这种写法更简洁，一步到位生成绑定好的函数。

如果你的目标上下文在函数声明时就已经明确，也可以用箭头函数来包裹原始函数。箭头函数不会绑定自己的this，它会继承外层作用域的this，我们可以利用这个特性间接实现绑定：

const boundHandler = (arg) => {
  // 手动用call指定上下文调用原始handler
  handler.call(targetContext, arg);
};

不过这种写法本质和bind()是一样的，只是多了一层包裹，适合需要额外做一些前置处理的场景。

• bind()方法不会修改原始函数，它会返回一个全新的、绑定了上下文的函数，所以一定要用返回的新函数去执行或传递。
• 函数声明（function handler() {}）不能直接链式调用方法，必须先转为表达式或者获取引用后再操作。

举个完整的运行示例：

// 自定义目标上下文
const myContext = {
  arg: null,
  showArg() {
    console.log("当前上下文的arg值：", this.arg);
  }
};

// 原始函数
function handler(arg) {
  this.arg = arg;
}

// 绑定上下文
const boundHandler = handler.bind(myContext);

// 第三方函数
function addEventListener(callback) {
  // 这里调用时的this是全局对象，但不影响绑定后的函数
  callback("Hello Stack Overflow");
}

// 执行流程
addEventListener(boundHandler);
myContext.showArg(); // 会输出：当前上下文的arg值： Hello Stack Overflow

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