JavaScript设计模式三

第三部分基础知识，闭包和高阶函数

JavaScript虽然是一种完整得面向对象得编程语言，但同时这门语言也拥有许多函数式语言得特性。

1.1 闭包

在了解闭包之前，我们有必要先了解下如下得两个知识点

1.1.1 变量的作用域

变量的作用域就是指变量的有效范围。在JavaScript语言中，作用域大致可以三种情况，全局作用域，函数作用域和块级作用域。

全局作用域：即在任意作用域下都可以访问的变量

let a = 1

function getA() {
    console.log(a)
}

getA() //输出1

console.log(a)  //输出 1

函数作用域：定义在函数内部，只可以在函数内部访问到的变量

function getA() {
    let a = 1
    console.log(a)
}

getA()   //输出 1

console.log(a)  //输出undefined

块级作用域：定义在代码块中的变量，只能在代码块中访问到

{
    let a = 1
    console.log(a)
}

console.log(a)

//输出 1  undefined

下面我们再看一段包含函数嵌套的代码，来帮助我们加深对变量搜索过程的理解

let a = 1;

let func1 = function(){ 

 let b = 2;

 let func2 = function(){

 let c = 3; 

 alert ( b ); // 输出：2 

 alert ( a ); // 输出：1 
 } 
 func2();

 alert ( c ); // 输出：Uncaught ReferenceError: c is not defined 

}; 
func1(); 

1.1.2 变量的生存周期

对于全局变量来说，全局变量的生存周期当然是永久的，除非我们主动销毁这个全局变量。

对于函数变量来说，当退出函数时，这些局部变量即失去了 它们的价值，它们都会随着函数调用的结束而被销毁

对于块级变量来说，当代码块执行结束时而被销毁

理解了上述两点，我们就开始讲述一下什么是闭包

闭包其实就是指可以访问到另一个函数内部变量的函数，在Javascript中，很多的高级特性都是基于闭包来实现的，下面我们来看一个具体的使用案例

function count() {

    let num = 0

    return {
        add: function () {

            num += 1

            console.log(num)

        },

        minus: function () {

            num -= 1

            console.log(num)

        }
    }
}

let c = count()

c.add()   //1

c.minus() //0

我们可以看到，这和我们之前的推乱相反。函数执行完毕后，变量num还在某个地方存活者。这是因为当执行 let c = count();时，count返回了一个对象的引用，它可以访问到 add和minus 被调用时产生的环境，而局部变量 num一直处在这个环境里。既然局部变量所在的环境还能被外界 访问，这个局部变量就有了不被销毁的理由。在这里产生了一个闭包结构，局部变量的生命看起 来被延续了。

在JS中，大量的设计模式与高阶函数都是基于闭包来实现的，在后面的设计模式章节中，我会带你们探索闭包的大量的实际应用场景，让你们也能够把闭包用的得心应手。