理解闭包

(参考了JavaScript高级程序设计与汤姆大叔博客)

当在函数内部定义了其他函数时,就创建了闭包

有权访问另一个函数作用域的变量的函数。
1. 在后台执行环境中,闭包的作用域链分析:
自己的作用域、包含它的函数作用域、全局作用域

  1. 函数的作用域及其所有变量都会在函数执行结束后被销毁。但函数返回了一个闭包时,这个函数的作用域将会一直在内存中保存到闭包不存在为止。
  2. 闭包的利用
    这里写图片描述

闭包实例

//比较函数
function createComparison(propertyName) {

    return function (obj1, obj2) {
        var item1 = obj1[propertyName];
        var item2 = obj2[propertyName];

        if (item1 < item2)
            return -1;

        if (item1 > item2)
            return 1;

        if (item1 == item2)
            return 0;
    }
}

//比较name
var compare = createComparison("name");

var result = compare({ name: "d", age: 20 }, { name: "c", age: 27 });   // 1
var x = 10;

function foo() {
  alert(x);
}

(function () {
  var x = 20;
  foo();                   // 10, but not 20
})();

var x= 20; 在foo( )执行时的作用域不能访问到。

var x = 10;

function foo() {

  var y = 20;

  function barFD() { // 函数声明
    alert(x);
    alert(y);
  }

  var barFE = function () { // 函数表达式
    alert(x);
    alert(y);
  };

  var barFn = Function('alert(x); alert(y);');

  barFD(); // 10, 20
  barFE(); // 10, 20
  barFn(); // 10, "y" is not defined

}

foo();
var data = [];

for (var k = 0; k < 3; k++) {
  data[k] = function () {
    alert(k);
  };
}

data[0](); // 3, 而不是0
data[1](); // 3, 而不是1
data[2](); // 3, 而不是2
var data = [];

for (var k = 0; k < 3; k++) {
  data[k] = (function _helper(x) {
    return function () {
      alert(x);
    };
  })(k); // 传入"k"值
}

// 现在结果是正确的了
data[0](); // 0
data[1](); // 1
data[2](); // 2
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值