闭包

2018-09-06  本文已影响0人  GrowthCoder

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)
}
上一篇 下一篇

猜你喜欢

热点阅读