迷惑性的js烧脑面试大赏，你真的明白了么_javascript 迷惑行为大赏-CSDN博客

本文链接：https://blog.csdn.net/qiaoqiaohong/article/details/124384570

文章详细阐述了JavaScript中的变量赋值顺序、作用域链以及变量提升的概念。通过示例解释了let命令的块级作用域特性，以及如何在函数内部修改全局变量b的值。同时，探讨了if语句中var声明的变量提升，导致在函数内覆盖了全局变量的情况。此外，还讨论了不同数据类型与数字相加时的特殊行为，如NaN、null、对象等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

let a = b = 10
;(function(){ 
  let a = b = 20 
})()
console.log(a) // 10
console.log(b) // 20

analysis：
连等操作从右向左执行，相当于 b = 10、let a = b，b没有声明就赋值了，所以会隐式创建为一个全局变量，函数内也一样，并没有声明b，直接对b赋值，因为作用域链，会一层一层向上查找，找到了全局的b，所以全局的b就被修改为了20，而函数内的a因为重新声明了，所以只是局部变量，不影响全局的a，所以a还是10

var name = 'World'
;(function () {
  if (typeof name === 'undefined') {
    var name = "Jack"
    console.info('Goodbye ' + name)
  } else {
    console.info('Hello ' + name)
  }
})() // Goodbye Jack

analysis：
变量提升，var声明变量时会把变量自动提升到当前作用域顶部，所以函数内的name虽然是在if分支内声明的，但是也会提升到外层，因为和全局的变量name重名，所以访问不到外层的name，最后因为已声明未赋值的变量的值都为undefined，导致if的第一个分支满足条件。

console.log(1 + NaN) // NaN
console.log("1" + 3) // '13'
console.log(1 + undefined) // NaN
console.log(1 + null) // NaN
console.log(1 + {}) // 1[object Object]
console.log(1 + []) // 1
console.log([] + {}) // [object Object]