2018-03-09关于js作用域。

大家好，我是IT修真院成都分院第10期学员李劲宏，一枚正直纯洁善良的web程序员，今天给大家分享一下JS作用域。

任何程序设计语言都有作用域的概念，简单的说，作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期。在JavaScript中，变量的作用域有全局作用域和局部作用域两种。

1.全局作用域(Global Scope)

在代码中任何地方都能访问到的对象拥有全局作用域，一般来说一下几种情形拥有全局作用域：

var aName="123";

function doSomething(){

    var bName="456";

}

console.log(aName); //123

console.log(bName); //脚本错误

(2)所有末定义直接赋值的变量自动声明为拥有全局作用域，例如：

function a1(){

    num = 5;

}

a1();

console.log(num); //  5

3)所有window对象的属性拥有全局作用域

一般情况下，window对象的内置属性都都拥有全局作用域，例如window.name、window.top等等。

1. 局部作用域(Local Scope)

和全局作用域相反，局部作用域一般只在固定的代码片段内可访问到，最常见的例如函数内部，所有在一些地方也会看到有人把这种作用域成为函数作用域。

例如下列代码中的bName和函数innerSay都只拥有局部作用域：

function doSomething(){

    var bName="李云龙";

    function innerSay(){

        alert(bName);

    }

    innerSay();

}

alert(bName); //脚本错误innerSay(); //脚本错误

闭包

如何从外部读取局部变量？            出于种种原因，我们有时候需要得到函数内的局部变量。但是，前面已经说过了，正常情况下，这是办不到的，只有通过变通方法才能实现。            那就是在函数的内部，再定义一个函数。

　function f1(){

                　　　　var n=999;

                　　　　function f2(){

                　　　　　　alert(n); // 999                　　　　}

                　　}

在上面的代码中，函数f2就被包括在函数f1内部，这时f1内部的所有局部变量，对f2都是可见的。但是反过来就不行，f2内部的局部变量，对f1就是不可见的。这就是Javascript语言特有的"链式作用域"结构（chain scope），子对象会一级一级地向上寻找所有父对象的变量。所以，父对象的所有变量，对子对象都是可见的，反之则不成立。

            既然f2可以读取f1中的局部变量，那么只要把f2作为返回值，我们不就可以在f1外部读取它的内部变量了吗！ 　function f1(){

                　　　　var n=999;

                　　　　function f2(){

                　　　　　　alert(n);

                　　　　}

                　　　　return f2;

                　　}

                　　var result=f1();

                　　result(); // 999           

闭包就是能够读取其他函数内部变量的函数。 由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成"定义在一个函数内部的函数"。 所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。

闭包的注意点

1）由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。            2）闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（Public Method），把内部变量当作它的私有属性（private value），这时一定要小心，不要随便改变父函数内部变量的值。

小课堂提问：

1.闭包的使用场景。 

<1>通过循环给页面上多个DOM节点绑定时间，在JS中可以采用“立即执行函数”的方式创建作用域。

<2>封装变量，闭包可以将一些不希望暴露在全局的变量封装成私有变量。

<3>延续局部变量的寿命。

什么是“自执行函数”？

我们先来说一下这个函数在叫法上的争议。实际上不同的人对自执行函数的理解不太一样，第一种理解是，自执行即自动执行，也就是大家平时所谓的立即执行函数。

还有一种理解，即自执行函数是在函数内部执行函数本身，即我们平时常说的递归函数。不管是哪种理解，我们都没必要去纠结叫法上的准确与否，因为相比于自执行函数，立即执行函数和递归函数这两种叫法是我们更加熟悉的，实际上平时也很少会看到自执行函数这种叫法。立即执行函数和递归函数都很重要。

闭包的优点和缺点：

优点： 

1.保护函数内的变量安全,加强了封装性 

2.在内存中维持一个变量(用的太多就变成了缺点，占内存) 

闭包之所以会占用资源是当函数a执行结束后, 变量i不会因为函数a的结束而销毁, 因为b的执行需要依赖a中的变量。

不适合场景： 

返回闭包的函数是个非常大的函数。

闭包的典型框架应该就是jquery了。 

闭包是javascript语言的一大特点，主要应用闭包场合主要是为了：设计私有的方法和变量。 

这在做框架的时候体现更明显，有些方法和属性只是运算逻辑过程中的使用的，不想让外部修改这些属性，因此就可以设计一个闭包来只提供方法获取。 

闭包的缺点就是常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。

逻辑连续，当闭包作为另一个函数调用的参数时，避免你脱离当前逻辑而单独编写额外逻辑。

方便调用上下文的局部变量。

加强封装性，第2点的延伸，可以达到对变量的保护作用。

缺点：

闭包有一个非常严重的问题，那就是内存浪费问题，这个内存浪费不仅仅因为它常驻内存，更重要的是，对闭包的使用不当会造成无效内存的产生。