js闭包理解与基本实现

简单理解：闭包就是 = 内层函数 + 外层函数的变量

内层函数用到了外层函数的变量所以才会产生了闭包

<script>function fn(){let a = 1function f(){console.log(a)
}
f()
}
fn()
</script>

概念：一个函数对周围状态的引用捆绑在一起，内层函数中访问到其外层函数的作用域

闭包的作用：封闭数据，提供操作，外部也可以访问函数内部的变量

外部如何通过闭包去访问内部变量？？？用return即可一下是闭包的基本形式

<script>function fn(){let num = 10function f(){console.log(num)}return f
}//fn() === f === function f(){}
//const fun = fn() = function f(){}
const fun = fn()
fun() //调用函数//第二种写法function outer(){const a = 10return function(){  //返回一个匿名函数return a}
}const fun1 = outer()console.log(fun1())
</script>

注意：只要是内层函数用到了外层函数的变量就会产生闭包闭包 = 内层函数 + 外层函数变量就会产生闭包

闭包的作用就是：让外部也能访问到内层的变量

闭包的应用

1.统计函数被调用的次数

<script>
//统计函数被调用的次数function outer(){let i = 0;function inner(){i++console.log(`函数被调用了${i}次`)}return inner}
console.log(outer())
</script>

通过闭包实现了数据私有，无法直接修改 i 的值

闭包除非页面被关闭否则不会被垃圾回收会产生内存泄漏的风险！！！

总结：

1.怎样理解闭包：

闭包 = 内层函数 + 外层函数的变量

2.闭包的作用：

封闭数据，实现数据私有化，外部也可以访问函数内部的变量

闭包很有用，因为他允许将函数与其所操作的某些数据关联起来

3.闭包可能引起的问题

内存泄漏

js闭包理解与基本实现相关推荐

JS闭包的理解及常见应用场景
JS闭包的理解及常见应用场景一.总结一句话总结: 闭包是指有权访问另一个函数作用域中的变量的函数 1.如何从外部读取函数内部的变量,为什么? 闭包:f2可以读取f1中的变量,只要把f2作为返回值, ...
简单理解js闭包、类型引用....第一章
js 闭包函数.类型引用.this指向.对象原型链...这些东西让我们对js又爱又恨!js虐我千百遍,我待js如初恋. 很多初学者一开始会觉得这些概念没什么用,导致对这些东西产生一种抵抗力.接下来我们 ...
面试官：谈谈对JS闭包的理解及常见应用场景(闭包的作用)
文章目录对JS闭包的理解及常见应用场景(闭包的作用) 1.变量作用域 2.如何从外部读取函数内部的变量? 3.闭包概念 4.闭包用途 5.闭包的理解 6.闭包应用场景 setTimeout传参回调 ...
js闭包的理解及应用场景
函数的声明与执行函数定义阶段 1.会在堆内存中开辟一个存储空间把函数体放在这个空间里函数中的所有变量不解析 2.把这个空间地址赋值给函数名然后储存在栈内存中函数调用阶段 1.根据函数名找到对 ...
深入理解JS闭包（一看就会）
前言 JS闭包,对于每一个前端而言都是一个绕不开的概念.本人学习之初,因为闭包这个概念而花费了大量的时间以及精力去理解这个概念.所以在这里,我打算写一篇文章来分享一下本人的学习心得以及我眼中的闭包. ...
js闭包的理解和作用
一.为什么引入闭包 JS为每个变量对象定了作用域,在ES5 中只有全局作用域和函数作用域,没有块级作用域,由内向外形成作用域链,函数外部不能访问函数内部作用域的局部变量.在实际开发中会带来很多不便. ...
详解之-js闭包的用途
js闭包可以用在许多地方.它的最大用处有两个,一个是前面提到的可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中.具体怎么理解呢,各位看官请仔细看好下文我们来看看闭包的用途.事实上,通 ...
简单说一道JS闭包面试题
说明最近看到这样一段代码 function fun(n,o){console.log(o);return {fun:function(m){return fun(m,n);}};}var a = f ...
【Javascript】Js闭包
1.什么是闭包? 官方解释:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分. 相信很多朋友对这种解释非常反感,因为看完以后根本不知道它想表达什 ...

js闭包理解与基本实现

js闭包理解与基本实现相关推荐

最新文章

热门文章