JavaScript函数传入this作为参数报错：Unexpected token this原因探究

嘿，这个问题其实有点小误解——先给你吃个定心丸：正常调用函数时把this作为实参传进去是完全合法的！比如下面这段代码完全能正常运行：

function logContext(ctx) {
  console.log("当前上下文:", ctx);
}
// 调用时传入当前作用域的this
logContext(this);

那你遇到的Unexpected token this错误，几乎肯定是在把this当作函数的形参名称（或者其他自定义标识符场景）时触发的——因为this是JavaScript的保留关键字，语言语法明确规定：保留关键字不能被用作变量名、函数名、形参名这类自定义标识符。

为什么JavaScript禁止用关键字当标识符？ #

这是为了避免语法歧义，保证语言的解析逻辑清晰：

• this本身有特殊的语言含义：它会在函数执行时动态指向当前的执行上下文（比如全局环境的window/globalThis，对象方法里的对象本身，构造函数里的实例等）。
• 如果允许用户把this当作变量或形参名，JavaScript引擎就无法区分你是在引用那个特殊的上下文值，还是在引用你自己定义的变量，会直接导致解析混乱。

举个错误的例子（会触发你遇到的报错）：

// 错误：试图把this作为形参名，违反语法规则
function myFunc(this, message) {
  console.log(message);
}

正确的替代方案 #

如果你想在函数里接收上下文参数，只需要用一个普通的标识符（比如ctx、context、self之类的）作为形参，然后调用时传入this就可以了，就像最开始的示例那样。

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