JavaScript变量赋值疑问：var a = b = 10为何导致a未定义？

嘿，这个问题其实是JavaScript里变量作用域和赋值运算符优先级的经典坑，我来给你拆解清楚～

先看你代码里的核心问题：var a = b = 10;的执行逻辑 #

JavaScript的赋值运算从右往左执行，但var关键字的作用范围仅限于它直接声明的变量。这句代码实际会被拆解成两步：

1. 首先执行 b = 10：这里的b没有用var/let/const声明，JavaScript会自动把它挂载到全局对象（浏览器里是window，Node.js里是global）上，成为一个全局变量。
2. 然后把b的值（也就是10）赋值给var a：a是被var声明在立即执行函数(IIFE)内部的局部变量，所以它的作用域仅限于这个函数内部。

为什么会出现a未定义但b正常输出10？ #

• 当你在函数外部调用console.log(a)时，a是函数内部的局部变量，外部作用域根本访问不到它，自然会抛出“a未定义”的错误。
• 而b是全局变量，函数执行完成后它依然存在于全局作用域中，所以外部可以正常访问到它的值10。

这种赋值方式是否错误？ #

这种写法非常不规范，而且很危险——它会无意间创建全局变量，污染全局作用域，很容易引发后续的变量冲突问题。

如果想让a和b都成为函数内部的局部变量，正确的写法应该是这样：

(function(){ 
  // 方式1：用逗号分隔声明多个变量
  var a = 10, b = 10; 
  // 方式2：分开声明（更清晰，推荐）
  // var a = 10;
  // var b = 10;
})();

这样修改后，a和b都被限制在函数内部，外部访问不到，也就不会出现你遇到的问题了。

另外补充一句：如果使用ES6的let或const来声明变量，这种错误写法会直接报错（比如let a = b = 10;会提示b is not defined），这其实是更安全的行为，能帮你提前发现这类未声明变量的问题。

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