JavaScript 的真实门槛在于运行环境、执行时机和对象行为的理解，而非语法规则本身；如 var 与 let 在循环中因作用域和绑定机制不同导致异步回调结果差异，=== 虽比 == 安全但需结合类型检查，函数声明、表达式与箭头函数在提升、this、arguments 和 new 调用上存在本质区别。
JavaScript 不是“学完语法就能用”的语言，它的真实门槛不在语法规则本身，而在运行环境、执行时机和对象行为的理解上。
为什么 let 和 var 在循环里表现不同
这是初学者最容易写出 bug 的地方：用 var 声明的变量会被提升到函数作用域顶部，而 let 是块级作用域。在 for 循环中，var i 实际只有一个绑定，所有异步回调（比如 setTimeout）都会引用同一个 i 的最终值；let i 则每次迭代都新建绑定。
- 错误写法：
for (var i = 0; i console.log(i), 100); }→ 输出三个3 - 正确写法：
for (let i = 0; i console.log(i), 100); }→ 输出0、1、2 - 兼容老环境时，可用 IIFE 包裹：
for (var i = 0; i console.log(i), 100); })(i); }
=== 比 == 安全，但不是万能解药
== 会做类型转换，=== 要求值和类型都相等——这确实是避免隐式转换陷阱的首选。但要注意：
-
null == undefined返回true，但null === undefined是false -
0 == false是true，0 === false是false - 数组与字符串比较容易翻车：
[1,2] == "1,2"→true，因为==会调用.toString()；[1,2] === "1,2"→false - 真正安全的判断常需组合：
value != null && typeof value === 'number'比单用===更可靠
函数声明、函数表达式、箭头函数的区别不止是写法
三者在 this 绑定、arguments、new 调用能力上完全不同：
立即学习“Java免费学习笔记（深入）”；
- 函数声明（
function foo() {}）会被提升，可被new调用，有自己this和arguments - 函数表达式（
const foo = function() {}）不提升，其余同上 - 箭头函数（
const foo = () => {}）没有自己的this（继承外层），没有arguments，不能用new，也不能作为构造器 - 常见误用：
document.addEventListener('click', () => this.doSomething())—— 这里的this是定义时的上下文，不是事件触发时的document；应改用普通函数或显式绑定
真正卡住人的，从来不是“怎么写”，而是“什么时候该用什么写法”以及“它在当前执行上下文中到底指向谁”。多看浏览器控制台报错的堆栈、打断点观察 this 和作用域链，比背语法规则管用得多。
