闭包概念
闭包就是能够读取其他函数内部变量的函数。例如在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,问题得到解决。