第九十九篇:JS闭包

好家伙，总是要来的，去面对那些晦涩难懂的原理，它就在那里,等着我去搞定它

首先我要去补充一些最基本的概念，

1.什么是内存?

新华字典永远的神,

但这个解释显然不够

 

去看看百度百科:

内存:

CPU 能 直接寻址 的 存储空间

2.变量的储存机制

所以,我们假设现在写了一行代码:

var a = 2;

我们将它拆解为两部分

var a;

和

a=2;

说人话就是:为一个变量分配内存,将其命名为a,然后将2保存进这个变量

 

接着上面的话就是:为一个变量分配CPU 能 直接寻址 的 存储空间,将其命名为a,然后将2保存进这个CPU 能 直接寻址 的 存储空间

3.变量的销毁机制

当一个变量不被需要的时候，就会被销毁，

全局变量不会被销毁，

4.编译原理

var a =2;

这样复杂的语言的,机器是无法理解的

所以我们会需要编译器,

编辑器来这里只干三件事

 

4.1.词法分析

　　这个过程将由字符组成的字符串分解成有意义的代码块

4.2.语法分析

　　这个过程是将此番单元六转换成一个有元素逐级嵌套所组成的代表了程序语法的结构的数

4.3.代码生成

　　转换成机器能听的懂得语言

 

这个其实好理解,就像做英语翻译一样

sun of beach分三步翻译

第一步:拆开 sun,of和beach

第二步:XXX  of  XXX语法

第三步:sun是太阳  of是...的 beach是沙滩

所以翻译就是 沙滩阳光

然后我就能听懂了

5.什么是作用域?

还是那个变量a

我们会这个变量a进行很多操作,例如加减乘除

而当我们操作的时候,我们如何找到他们?

我们需要一套设计良好的规则来储存变量,并且之后可以方便地找到这些变量,

这套规则被称为作用域

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　----摘自<<你不知道的js(上)>>

作用域指的是当前有权访问的变量集合。

 

JavaScript 拥有函数作用域：每个函数创建一个新的作用域。 作用域决定了这些变量的可访问性（可见性）。

简单的来说,就是:

全局变量全局都能用,

局部变量如下:

// 此处的代码不能使用 carName 变量

function myFunction() {
    var carName = "porsche";

    // 此处的代码能使用 carName 变量

}

只有局部能用

6.理解闭包

(本篇的主角终登场了)

来看一段展示闭包的代码：

function foo(){
    var a =2;

    function bar(){
        console.log(a);
    }
    return bar;
}

var baz = foo();

baz();

//此处输出的结果:2

函数

函数bar（）的词法作用域能够访问foo（）的内部作用域。

然后我们将bar（）函数本身当作一个值类型进行传递。

在这个例子中，我们将bar所引用的函数对象本身当作返回值。

在foo（）执行后，其返回值（也就是内部的bar（）函数）赋值给变量baz并调用baz（），

实际上只是通过不同的标识符引用调用了内部的函数bar（）。

bar（）显然可以被正常执行。但是在这个例子中，它在自己定义的词法作用域以外的地方执行。

在foo（）执行后，通常会期待foo（）的整个内部作用域都被销毁，

因为我们知道引擎有垃圾回收器用来释放不再使用的内存空间。

由于看上去foo（）的内容不会再被使用，所以很自然地会考虑对其进行回收。

而闭包的“神奇”之处正是可以阻止这件事情的发生。事实上内部作用域依然存在，因此没有被回收。

谁在使用这个内部作用域？原来是bar（）本身在使用。

拜bar（）所声明的位置所赐，它拥有涵盖foo（）内部作用域的闭包，

使得该作用域能够一直存活，以供bar（）在之后任何时间进行引用。

 bar（）依然持有对该作用域的引用，而这个引用就叫作闭包。

因此，在几微秒之后变量baz被实际调用（调用内部函数bar），

不出意外它可以访问定义的时候语法作用域,因此它也可以如预期般访问变量a

这个函数在定义时的词法作用域以外的地方被调用.闭包使得函数可以继续访问定义时的词法作用域

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　                ----摘自<<你不知道的js(上)>>
所以,什么是闭包?

一个函数可引用该函数外部的变量,

function foo(){
    var a =2;

    function bar(){
        console.log(a);
    }
    return bar;
}

var baz = foo();

baz();

我要用自己的话说一遍确保我自己理解了:

我调用baz()了,baz()被赋值了,我调用foo(),foo()返回一个bar,bar,打印a

bar把foo的作用域带到了baz中,这个过程发生了闭包,baz用到了变量a

大概就是这样