JavaScript作用域和闭包( 二 ) _JavaScript

文章插图

10因为闭包可以访问外层函数的变量，因此他们通常有两种用途：
减少副作用
创建私有变量
使用闭包控制副作用
当你在函数返回值时执行某些操作时，通常会发生一些副作用。副作用在很多情况下都会发生，比如Ajax调用，超时处理，或者哪怕是console.log的输出语句：

文章插图

11当使用闭包来控制副作用时，实际上是需要考虑哪些可能会混淆代码工作流程的部分，比如Ajax或者超时。
要把事情说清楚，还是看例子比较方便：
比如说你要给为你朋友庆生，做一个蛋糕。做这个蛋糕可能花1秒钟的时间，所以写了一个函数记录在一秒钟以后，记录做完蛋糕这件事。
为了让代码简短易读，使用了ES6的箭头函数：

文章插图

12但这里的问题是，并不想立刻知道蛋糕的味道。只需要知道时间到了，蛋糕做好了就行。
要解决这个问题，可以写一个prepareCake的功能，保存蛋糕的口味。然后，在返回在内部调用prepareCake的闭包makeCake 。
从这里开始，就可以在你需要的时调用，蛋糕也会在一秒后立刻做好。

文章插图

13这就是使用闭包减少副作用：可以创建一个任你驱使的内层闭包。
私有变量和闭包
前面已经说过，函数内的变量，在函数外部是不能访问的既然不能访问，那tc 就可以称作私有变量。
确实是需要访问私有变量的。这时候就需要闭包的帮助了。

文章插图

14这个例子里的saySecretCode函数，就在原函数外暴露了secretCode这一变量。因此，它也被成为特权函数。
使用DevTools调试
Chrome和Firefox的开发者工具都能很方便的调试在当前作用域内可以访问的各种变量一般有两种方法。
第一种方法是在代码里使用debugger关键词。这能让浏览器里运行的JavaScript的暂停，以便调试。
下面是prepareCake的例子：