闭包(closure)的理解
是 JavaScript 语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。
首先,要理解闭包,先理解变量作用域。JavaScript 有两种作用域:全局作用域和函数作用域。
函数内部可以直接读取全局变量。但是,函数外部无法读取函数内部声明的变量。
那么问题来了,我们要是需要获取函数内部的变量呢???
只有通过变通方法才能实现。那就是在函数的内部,再定义一个函数。
function funSaveData() {
let param = 999;
function getParam () {
console.log(n); // 999
}
return getParam;
}
let getParam = funSaveData();
getParam ();
上面代码中,函数funSaveData的返回值就是函数getParam ,由于getParam 可以读取funSaveData的内部变量,所以就可以在外部获得funSaveData的内部变量了。
有没有觉得很眼熟,学过java的知道类设置数据,为了保证数据私有,会使用get和set方法,和这个有点类似get方法,获取内部的数据
这里的闭包就是函数getParam。即能够读取其他函数内部变量的函数。由于在 JavaScript 语言中,只有函数内部的子函数才能读取内部变量,因此可以把闭包简单理解成“定义在一个函数内部的函数”。闭包最大的特点,就是它可以“记住”诞生的环境,比如getParam记住了它诞生的环境funSaveData,所以从getParam函数中可以得到funSaveData的内部变量。在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。
闭包(closure)的好处
1.读取函数内部的变量,并且让这些变量始终保持在内存中,即闭包可以使得它诞生环境一直存在。
function createAdd(param) {
let num =param;
return function () {
return num++;
};
}
let inc = createAdd(5);
console.log(inc()); // 5
console.log(inc()); // 6
console.log(inc()); // 7
上面代码中,num 是函数createAdd的内部变量。通过闭包,num 的状态被保留了,每一次调用都是在上一次调用的基础上进行计算。原因就在于inc始终在内存中,inc依赖createAdd,所以createAdd始终在内存中,不会在调用结束后,被垃圾回收机制回收。,闭包可以看作是函数内部作用域的一个接口。
2.封装对象的私有属性和私有方法
function Person(name) {
let _age;
function setAge(n) {
_age = n;
}
function getAge() {
return _age;
}
return {
name: name,
getAge: getAge,
setAge: setAge
};
}
let mPerson = Person('张三');
mPerson .setAge(25);
console.log(mPerson .getAge()); // 25
上面代码中,函数Person的内部变量_age,通过闭包getAge和setAge,变成了返回对象mPerson 的私有变量。(这个看起来更加像java对象了吧)。
注意,每次运行外层函数,都会生成一个新的闭包,而这个闭包又会保留外层函数的内部变量,所以内存消耗很大。因此不能滥用闭包,否则会造成网页的性能问题。
个人理解,觉得这样比较好记忆,网上资料也很多,建议多找一些来阅读。
网友评论