闭包

0 执行环境和作用域

每个函数都有自己的执行环境，当执行流进入一个函数时，函数的环境就会被推入一个环境栈中。当函数执行完毕之后，栈将其环境弹出，该环境中的变量对象（变量和函数定义）随之销毁。

作用域链
当代码在一个环境执行时，会创建变量对象的作用域链，作用是对执行环境中的所有变量和函数的有序访问，作用域链最前端是当前执行的代码所在环境的变量对象，作用域链中的下一个变量对象来自外部环境，作用域链的最外层是全局执行环境的变量对象。

没有块级作用域

1 闭包

1、1 闭包定义

有权访问另外一个函数作用域中变量的函数

开胃菜

// 下面输出？
function foo () {
    var result = [];

    for(var i = 0; i< 10; i++) {
        result[i] = function (){
            return i
        }
    }
    return result   
}

console.log('foo', foo()[0]())

// 如何实现想要的结果??

// 如何实现想要的结果
function bar () {
    var result = [];

    for(var i = 0; i< 10; i++) {
        result[i] = function (num){
            return function () {
                return num
            }
        }(i)
    }
    return result
}
console.log('bar', bar()[0]())

this对象

this对象是在运行时基于函数的执行环境绑定的
匿名函数的执行环境是全局的

var name = 'window'

var obj = {
  name: 'my_obj',
  getName: function () {
    return function () {
      return this.name
    }
  }
}

console.log(obj.getName()())

var obj = {
  name: 'my_obj',
  getName: function () {
    var that = this
    return function () {
      return that.name
    }
  }
}
console.log(obj.getName()())

1、2闭包的应用

模拟块级作用域
避免添加太多全局变量或者函数

function zoo(num) {
    (function() {
        for (var i = 0; i < 5; i++) {
            num += i
        }
    })()

    console.log('zoo2', i) //报错
    return num
}
console.log('zoo', zoo(10))

存储变量

// 可以将需要多次重复计算的数据缓存下来，避免多次处理或者多次计算
function Store() {
    var state = 10

    return function () {
        return state
    }
}
var store = Store()
console.log(store())

test

for (var i = 0; i < 5; i++) {
    setTimeout(function timer () {
        console.log(i)
    }, i*1000)
}

for (var i = 0; i < 5; i++) {
    setTimeout(function timer () {
        console.log(i)
    }, 0)
}