JavaScript 之 作用域、闭包

作用域

全局作用域：

        如果变量的作用域是全局的，就意味着该变量可以在任何的位置被访问到。不单独属于某一个函数的变量就是一个全局变量，在任何位置都（普通函数中、构造函数中、字面量对象中）可以访问到这个变量。

局部作用域：

       在函数中定义的变量作用域是局部的，该变量只能在当前作用域中和内部嵌套的作用域中访问到，在上级作用域和其他的兄弟级作用域中无法访问。

       在函数中使用var定义的变量是局部变量。

      注意：在js中块级（也就是大括号）的概念并不像其他语言那样完善（ECMAScript6中完善了这个概念），在其他语言中，一对大括号中的变量就是一个局部变量，但是在js中只有在一个函数中定义的变量才是一个局部变量。即在js语言中，没有‘块级’的概念。

       什么是块级？

      在其他语言中，一组大括号包裹的范围就是块级，我们可以使用块级来确定一个变量的作用域范围。但在js中，没有块级的概念，所以只能使用函数来确定一个作用域的范围。

       eg.

          vara = 12;

           for(var i = 0; i < 5; i++) {

                var a = i;//此处的a因为和外部的a同处于全局作⽤用域，所以会覆盖外部的a

            }

           alert(a);// 4

作用域链

        JS中的变量查询的一种机制。在某个位置访问某个变量时，如果当前作用域中没有定义该变量，则启动作用域链，向上级作用域查询，一直查询到全局作用域，如果在某一级中找到该变量，就会输出;没有找到，就报错：变量未定义(not defined)。

1、undefined：在只定义了变量但是没有给变量赋值的情况下，访问该变量。结果就是undefined（一个已定义的变量标准是：

        1>、在内存中开辟内存空间；

        2>、数据类型确定。js中定义变量时开辟内存空间，而确定变量类型是由赋值的类型确定的）

这样输出的结果均是button3

解决方案：

2、变量提升机制

        在js代码正式执行之前，会把当前作用域中的所有定义操作先执行起来，等真正的执行到了相关定义并赋值变量的代码时，才真正的给变量赋上值。变量提升提升的是当前作用域中的所有定义操作（包括定义变量、定义对象、定义函数、定义数组......）

     eg.

匿名函数

 概念：

        没有函数名字的函数是匿名函数，区分：具名函数，有函数名的函数

匿名函数的执行方式？

1>、通过实践调用执行

           例如：通过事件调用执行

2>、通过变量名：把匿名函数赋给一个变量来执行 

3>、通过定时器等系统函数执行

4>、函数自调用执行

匿名函数的使用场景？

1>、把函数当做事件函数时，使用匿名函数

2>、把函数当做另一个函数的参数时，使用匿名函数（定时器）

3>、把函数当做另一个函数的返回值时，使用匿名函数（闭包）

创建一个匿匿名函数

闭包

       概念：闭包能够读取其他函数内部变量。

      闭包就是函数的局部变量集合，只是这些局部变量在函数返回后会继续存在。

      闭包就是就是函数的“堆栈”在函数返回后并不释放，我们也可以理解为这些函数堆栈并不在栈上分配而是在堆上分配。

      当在一个函数内定义另外一个函数就会产生闭包。

闭包的用途：

     1>、可以在全局作用域读取函数内部的变量

     2>、让这些局部变量的值始终保持在内存中。

     3>、通过闭包模拟一个块级作用域

     4>、利用闭包解决使用循环添加事件的Bug

            eg. 全局作用域读取局部变量的示例

             注：

                f1是f2的父函数，而f2被赋给了一个全局变量，这导致f2始终在内存中，而f2的存在依   赖于f1，因此f1也始终在内存中，不会在调用结束后，被垃圾回收机制（garbage collection）回收。

资料：伯乐在线。 http://web.jobbole.com/89134/