什么是闭包/闭包的含义?
闭包是指有权访问另一个函数作用域中的变量。创建闭包的常见方式,就是在一个函数内部创建另一个函数。
闭包就是能够读取其他函数内部变量的函数。即重用变量,又保护变量不被污染的一种机制。
(1)闭包外层是一个函数
(2)闭包内部都有函数
(3)闭包会return内部函数
(4)闭包返回的函数不能有return
(5)执行闭包后,闭包内部的变量会存在,而闭包内部函数的内部变量不会存在
创建闭包的步骤:
1)用外层函数包裹受保护的变量和操作变量的内层函数
2)外层函数将内层函数返回
3)使用者调用外部函数,获得内层函数的对象
function output() {
for (var i = 0; i < 3; i++) {
(function(j) {
setTimeout(function timer() {
console.log(j);
}, 1000);
})(i);
}
}
<div id="container">
<button>按钮1</button>
<button>按钮2</button>
<button>按钮3</button>
</div>
<script>
var list=container.querySelectorAll('button');
for(var i=0;i<list.length;i++){
var bt=list[i];
bt.onclick=(function(i){
return function(){
console.log(i);
}
})(i)
//或者
bt.onclick=outer(i);
}
//点击的时候调用函数打印出来的是i
//创建了三个函数
//变量i只有一个
//闭包对象:一个数据(i)+三个函数
function outer(num){
function inner(){
console.log(num);
}
return inner;
}
</script>
闭包的特性,对页面的影响?
闭包特性:
(1)作为函数变量的一个引用。当函数返回时,其处于激活状态。
(2)闭包就是当一个函数返回时,并没有释放资源的栈区。
对页面的影响:
使用闭包可以做很多事情,比如模拟面向对象的代码风格;更优雅、更简洁的表达出代码;在某些方面提升代码的执行效率。
闭包的作用和原理:
因为闭包只有在被调用时才执行操作,所以它可以被用来定义控制结构。
多个函数可以使用一个相同的环境,这使得他们可以通过改变那个环境相互交流。
使用的场景:
(1)采用函数引用方式的setTimeout调用
(2)将函数关联到对象的实例方法。
(3)封装相关的功能集。
闭包的好处和坏处:
闭包的好处:
(1)逻辑连贯,当闭包作为另一个函数调用参数时,避免脱离当前的逻辑而单独编写额外逻辑。
(2)方便调用上下文的局部变量
(3)加强封装性,可以达到对变量封装的作用
闭包的坏处:
比一般的函数占用更多的内存,浪费内存,浪费内存不仅仅因为它常驻内存,更重要的是,对闭包的使用不当会造成无效的内存的产生。