盯着屏幕上那一片嵌套的回调函数，你是不是也感到头皮发麻？js学习教程里那些流畅的小例子，一到自己动手就彻底乱了。别慌，下面这三个坑我替你试过了，直接绕开。

先别急着学新语法，这些常见问题我先替你踩了

　　回调地狱是新手最常撞的墙。写法没问题，但层次一多，代码就变成向右倾斜的三角形。有的朋友可能遇到过：一个请求成功后调另一个，再调另一个，最后自己都不知道第几层了。怎么破？把每个回调函数拆成具名函数，或者用Promise链。看这段：const getData = () => { return new Promise((resolve) => { setTimeout(() => { resolve('结果') }, 1000) }) }。然后就能写getData().then(console.log)。回调地狱瞬间没了。闭包是另一个拦路虎。很多人以为闭包就是函数套函数，其实关键在于内部函数能访问外部函数的变量，哪怕外部函数已经执行完。比如：function outer() { let count = 0; return function inner() { count++; console.log(count) } } const fn = outer()。每次调用fn，count都会增加。闭包理解不了？记住一句话：内部函数把外部变量“打包”带走了。this指向更是让新手崩溃。一个函数里面，this到底是谁？取决于调用方式。普通函数调用指向window（严格模式undefined），对象方法调用指向对象，事件处理函数指向触发元素。最简单的办法：用箭头函数，它不创建自己的this，而是捕获外层作用域的this。比如：btn.addEventListener('click', () => { console.log(this) })，这里的this就是外层上下文，不会乱变。

别硬啃理论，用调试器看变量比什么都管用

　　光看教程不动手，等于没学。js学习教程里那些解释，只有在你亲自在浏览器打断点、观察作用域链时才能真懂。打开开发者工具的Sources面板，在可疑行点一下行号，刷新页面代码就会停在那里。看右侧的Scope栏，闭包里的变量、this的值一目了然。这是最笨但最有效的办法。另外，写代码时多用console.log输出你怀疑的值，比如：console.log('this is:', this)。看到输出结果，比猜一百遍都准。别怕出错，错误信息里藏着答案：Uncaught TypeError: xxx is not a function，查一下谁被赋成了undefined，多半是this搞的鬼。问题解决了就去关掉页面，打开编辑器继续写你的项目。参数调整建议去翻MDN文档，那玩意儿最准。