闭包的概念及其应用

闭包概念

闭包就是能够读取其他函数内部变量的函数。例如在javascript中,只有函数内部的子函数才能读取局部变量,所以闭包可以理解成“定义在一个函数内部的函数“。在本质上,闭包是将函数内部和函数外部连接起来的桥梁。

闭包的用途

闭包可以用在许多地方。它的最大用处有两个,一个是前面提到的可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中。
读取函数内部变量

function fun(){
    var num = 1;
    return function (){
        return num + 1;
    }
}
var num = fun()();
console.log(num);
输出: 2

让函数作用域的变量,不会被垃圾回收始终保存在内存中

function fun(){
    var i = 0;
    function fun1(){
        i++;
        console.log(i);
    }
    return fun1;
}
var fun3 = fun();
fun3();
fun3();
fun3();
输出:1 2 3

闭包的this指向问题
先看代码

var name = "window";
var user = {
    name: "js",
    fun: function(){
        return function(){
            console.log(this.name);
        }
    }
};
user.fun()();
输出:window

这时候的this指向的是window对象,因为在大多数情况下,this指向的是它所在函数的掉用者,fun()函数执行的时候,向全局环境暴露了fun() 返回的函数,而全局函数的调用者是window,this指向的是window。但是我们并不想它指向window,而是让它指向它所在的对象。我们可以用箭头函数解决这个问题,因为箭头函数的this是在定义时就确定指向的对象。默认是指向父级的this。

var name = "window";
var user = {
    name: "js",
    fun: function(){
        return () => {
            console.log(this.name);
        }
    }
};
user.fun()();
输出:js

这时候指向的是user,问题得到解决。

你可能感兴趣的:(javascript,javascript,前端)