想着重新跳槽,偶尔想起用过太多的闭包,却一下子组织不起来语句去描述它。
今天在这好好谈谈闭包。
先上代码:
function A(){ //定义普通函数 A
function B(){ // 在 A 中定义普通函数 B
console.log(‘Hello 小仙女!’);
}
return B; //在 A 中返回 B
}
var C = A(); //执行 A,并把 A 的返回结果赋值给变量 C
C();// Hello 小仙女! //执行 C
这是最简单的闭包。
总结一句话:
当一个内部函数被其外部函数之外的变量引用时,就形成了一个闭包。(面试官问的话这么答也可以的)
这是对闭包最简单的理解,当然闭包还有其更深层次的理解,这个就涉及的多了,你需要了解JS的执行环境(execution context)、活动对象(activation object)以及作用域(scope)和作用域链(scope chain)的运行机制。
但通常在工作中,怎么会有这么简单的例子。。。。。。
网上搜到一个例子,直接粘贴复制:
(function (document) {
var viewport;
var obj = {
init: function(id) {
viewport = document.querySelector(’#’ + id);
},
addChild: function(child) {
viewport.appendChild(child);
},
removeChild: function(child) {
viewport.removeChild(child);
}
}
window.jView = obj;
})(document);
看到这个案例,很明显将上面的代码拆分成两部分:
(function(){}) 和 () 。
第1个() 是一个表达式,而这个表达式本身是一个匿名函数,所以在这个表达式后面加 () 就表示执行这个匿名函数。
最后面试官会问你,那闭包的好处和缺点呢?
答案如下:
优点:
1.减少全局变量
2.减少传递函数的参数量
3.封装
缺点:
使用闭包会占有内存资源,过多的使用闭包会导致内存溢出。
加油!