闭包（一天一个问题10）

闭包

理解

闭包是指能够读取一个函数内部变量的函数

优点

1.扩大函数内部变量的做作用域，让函数外部也可以访问到函数内部的变量
2.避免全局变量污染

缺点

1.可能会造成内存泄露。变量常驻内存中不被释放，只有关闭浏览器才会被释放

应用

function makeFunc() {
    var name = "Mozilla";
    function displayName() {
        alert(name);
    }
    return displayName;
}

var myFunc = makeFunc();
myFunc();

常见题目

1.闭包返回的函数调用对象是window

var object = {
     name: ''object"，
     getName： function() {
        return function() {
             console.info(this.name)
        }
    }
}
object.getName()()    // underfined
// 因为里面的闭包函数是在window作用域下执行的，也就是说，this指向windows

2.引用变量变化

function outer() {
      var result = [];
      for （var i = 0； i<10; i++）{
        result.[i] = function () {
            console.info(i)
        }
     }
     return result
}
//10,10,10……
function outer() {
      var result = [];
      for （var i = 0； i<10; i++）{
        result.[i] = function (num) {
             return function() {
                   console.info(num);    // 此时访问的num，是上层函数执行环境的num，数组有10个函数对象，每个对象的执行环境下的number都不一样
             }
        }(i)
     }
     return result
}
//0,1,2……

3.比较

for(var i = 0; i <10; i++){
	(function(j){
		setTimeout(function(){
			console.log(j)
		})
	})(i)
};//0,1,2,3,4,5,6,7,8,9
for(let i = 0; i <10; i++){//每次执行都是一个全新的独立的块作用域
	setTimeout(function(){
		console.log(i)
	})
};;//0,1,2,3,4,5,6,7,8,9
for(var i = 0; i <10; i++){
	setTimeout(function(){
		console.log(i)
	})
};//10,10,10,10,10,10,10,10,10,10

博客地址