js 闭包 具体作用

一、js 闭包 具体作用

1、闭包是指有权访问另外一个函数作用域中的变量的函数。

2、闭包就是函数的局部变量集合，只是这些局部变量在函数返回后会继续存在。闭包就是就是函数的“堆栈”在函数返回后并不释放，我们也可以理解为这些函数堆栈并不在栈上分配而是在堆上分配。当在一个函数内定义另外一个函数就会产生闭包。

3、作用是：匿名自执行函数：我们知道所有的变量，如果不加上var关键字，则默认的会添加到全局对象的属性上去，这样的临时变量加入全局对象有很多坏处，比如：别的函数可能误用这些变量；造成全局对象过于庞大，影响访问速度(因为变量的取值是需要从原型链上遍历的)。除了每次使用变量都是用var关键字外，我们在实际情况下经常遇到这样一种情况，即有的函数只需要执行一次，其内部变量无需维护，可以用闭包。

4、结果缓存：我们开发中会碰到很多情况，设想我们有一个处理过程很耗时的函数对象，每次调用都会花费很长时间，那么我们就需要将计算出来的值存储起来，当调用这个函数的时候，首先在缓存中查找，如果找不到，则进行计算，然后更新缓存并返回值，如果找到了，直接返回查找到的值即可。闭包正是可以做到这一点，因为它不会释放外部的引用，从而函数内部的值可以得以保留。

二、理解Zones

1、理解 Zone是关于异步操作的执行上下文，它能帮助我们处理错误和进行性能分析。Zone的概念在异步编程中至关重要，因为异步操作会改变代码执行的流程，使得常规的性能分析失效。本篇文章将深入探讨 Zone如何工作以及它如何解决异步操作带来的问题。

2、首先，让我们明确 Zone是什么。简单来说，Zone是一个异步操作的执行环境。当我们在异步代码中使用异步功能如 AJAX请求或定时器时，Zone就能介入，提供错误处理和性能分析的功能，这在普通代码中是无法实现的。

3、为了理解 Zone的功能，让我们看一个基本的 JavaScript代码例子。我们有三个函数依次执行，假设我们想测量这段代码的执行时间。然而，当我们添加异步操作时，如使用 setTimeout，代码的执行时间测量就会失效，因为异步操作被添加到了浏览器的事件队列，而在事件循环有空闲时才执行。这说明我们需要一种方法来捕获异步操作的执行，以便进行性能分析。

4、Zone就是为了解决这个问题而设计的。它允许我们为异步操作创建和启动计时器，无论何时异步任务开始或结束，Zone都能执行特定的操作，如开始或停止计时器，保存堆栈跟踪等。Zone的这种能力使得我们可以更好地控制和优化异步代码的执行。

5、创建、分叉和扩展 Zone是 Zone的核心概念。Zone其实是 Dart的一个语言特性，但因为 Dart也可以编译为 JavaScript，我们可以使用 Zone.js这个库来在 JavaScript环境中实现 Zone。Zone.js提供了一个全局的 Zone对象，我们可以使用它来创建和管理 Zone。

6、通过 Zone.js，我们可以创建 Zone并为它们添加钩子，这些钩子会在 Zone的开始和结束时执行特定的操作。分叉 Zone允许我们创建具有相同能力的新 Zone，同时还可以扩展其行为。例如，我们可以记录每个任务执行前后的数据，或者改变 alert()和 prompt()等函数的行为，用于测试或其他目的。

7、Zone.js还包含了一些默认提供的钩子函数，如 setTimeout、alert和 prompt等，它们都被 monkey-patched，以在新的 Zone中执行。这使得我们能够更好地监控和控制异步代码的行为。

8、创建一个分析 Zone是解决异步操作执行时间问题的关键。使用 Zone和相关 APIs，我们可以构建一个分析异步任务 CPU运行时间的 Zone。官方 repo中已经提供了实现分析 Zone的例子，我们可以通过修改 Zone specification来添加所需的功能，如 `.time()`和 `.reset()`等方法，用于记录和重置执行时间。

9、Zone还提供了其他功能，如 LongStackTraceZone，用于获取详细的堆栈跟踪信息，以及更多的例子和使用场景。随着对 Zone的深入理解，我们能够更有效地管理和优化异步代码，提升应用的性能和可靠性。