js 闭包
这是我参与11月更文挑战的第25天，活动详情查看：2021最后一次更文挑战
闭包三个特性
- 函数内嵌套函数
- 函数内部可以引用函数外部的参数和变量
- 参数和变量不会被垃圾回收机制回收
闭包的形式
1. 函数作为返回值
function a(){
var name = 'dev';
return function(){ //是一个匿名函数 函数运行都是由内部向外部
return name;
}
}
var b = a();
console.log(b()); // dev
console.log(b) // function(){ return name;}下面例子 n没有形成闭包，而num形成了闭包（在匿名函数内部去调用了外部函数的变量）。num没有被垃圾回收机制回收，而n被垃圾回收机制回收了。所以每次调用fn1() 都是1
function fn(){
var num = 3;
return function(){
var n = 0;
console.log(++n);
console.log(++num);
}
}
var fn1 = fn();
fn1(); // 1 4
fn1(); // 1 52.定时器与闭包
(1) 输出的结果是5次5，那么为什么那？因为js是单线程的，在执行for循环的时候定时器被安排到任务队列中排队等待执行，而在等待的过程中，for循环就已经执行了。等到setTimeout可以执行的时候，for循环已经结束，i的值也已经编程了。（异步等待同步队列执行完毕再执行）
for(var i=0;i<5;++i){
setTimeout(function(){
console.log(i);
},100)
}（2）将 var i 换为 let i
for(let i=0;i<5;++i){
setTimeout(function(){
console.log(i);
},100)
} // 1 2 3 4 5执行结果是我们想要的 1 2 3 4 5。
因为var 定义的变量是全局作用域，有变量提升的作用。循坏每一次执行都是将值赋值给全局变量
for(var i =0;i<5;i++){
}
console.log(i); // 5let是块级作用域，只能在代码块内起作用。一个大括号是一个代码块，每次for循环都会产生一个代码块。每次代码块中都是新的变量
for(let j = 0;j<5;j++){
}
console.log(j) // 报错 j is not defined3.闭包来实现输出 1 2 3 4 5
for(var i=0;i<5;i++){
(function(i){
setTimeout(function(){
console.log(i);
},i**100) //每隔100s执行一次**
})(i) //i作为参数并立即执行**
}几个涉及到的小知识
立即执行函数
(function a(){alert(11);})()● 函数声明
function a(){} // 使用 function 关键字，并指定一个函数名*
● 函数表达式
var name = fucntion(){} //使用function关键字声明一个函数，但未给函数命名，最后将匿名函数赋予给一个变量。
typeof name // string
console.log(name) // fucntion(){}
● 匿名函数
function(){}; //使用function关键字声明一个函数，但未给函数命名*4.闭包作为参数传递*
var num = 15;
var fn1 = function(x){
if(x>num){
console.log(x)
}
}
void function(fn2){
var num = 100;
fn2(30);
}(fn1) // fn2 此时是形参，实参是fn1*fn1作为参数传入立即执行函数中，在执行到fn2(30)的时候，30作为参数传入fn1中（fn1作为参数传入，也就变为 void function(fn1){var num = 100; fn1(30);}）。 接着30作为参数传入fn1中，这时if(x>num)中的num取的并不是立即执行函数中的num，而是创建函数的作用域中的num 15。 30>15 ，打印15
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2021-11-25，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
