闭包*（乔戈里峰）：

文章目录

如何产生闭包：
this：
闭包的应用场景:
（总结）面试话术：

如何产生闭包：

两种情况：

函数作为参数被传递：
函数作为返回值被返回：

// 函数作为返回值
function create() {const a = 100return function () {console.log(a)}
}const fn = create()
const a = 200
fn() // 100// 函数作为参数被传递
function print(fn) {const a = 200fn()
}
const a = 100
function fn() {console.log(a)
}
print(fn) // 100

注意：

函数中的自由变量，取决于函数定义的地方，跟执行的地方没关系

什么是自由变量：

当前作用域没有定义的变量，但是被使用了

this：

五大调用场景：

普通函数、
对象方法、
call apply bind
class
箭头函数

各个场景中this指向：

普通函数中调用，this指向window
对象方法中调用，this指向当前对象
call apply bind中调用，this指向被传入的对象
class中的方法中调用， this指向实例对象
箭头函数，this就是父级上下文中的this

注意：

this取什么值，是在执行时确认的，定义时无法确认

普通函数this指向可以通过call apply bind来进行改变，但是箭头函数不能，他的this始终指向父级上下文中的this

call apply bind 三者：

function fun(message){console.log(message)
}function Student(){this.name="1"
}

三个的区别 :

1，call :

fun.call(Student,"232")

改变fun的函数调用者第一个参数变成调用者第二个参数放进函数中执行(一个一个传入)

2，apply:

fun.apply(Student,["232"])

改变函数调用者第一个参数变成调用者第二个参数变成数组再放进函数中执行

3，bind:

fun.bind(Student,"232")()

改变函数调用者第一个参数变成调用者第二个参数放进函数执行 bind返回了一个函数这个函数需要再调用一次才能执行

相同点：

都是改变this指向（改变调用者）

闭包的应用场景:

闭包应用场景1，封装对象的私有属性和方法

隐藏数据做一个简单的缓存工具

// 闭包隐藏数据，只提供 API
function createCache() {const num=100const data = {} // 闭包中的数据，被隐藏，不被外界访问return {num:num,set: function (key, val) {data[key] = val},get: function (key) {return data[key]}}
}const c = createCache()
console.log(c.num)//num此时就作为c私有属性
c.set('a', 100) //set此时作为c的私有方法
console.log( c.get('a') )

闭包应用场景2，闭包作用回调函数

        <body><a href="#" id="as1">20</a><a href="#" id="as2">40</a></body><script>function changeSize(size){return function(){document.body.style.fontSize=size+'px';}}var size20=changeSize(20);var size40=changeSize(40);document.getElementById('as1').onclick=size20;document.getElementById('as2').onclick=size40;</script>

闭包应用场景3，函数节流防抖

         <body><!-- 函数防抖是指在函数被高频触发时当停止触发后延时n秒再执行函数,(即每次触发都清理延时函数再次开始计时)，一般用于resize scroll，mousemove --><!-- 函数节流 原理 函数被高频出发时延时n秒后才会再次执行，防抖主要是用户触发一次时间后，延迟一段时间触发，而节流会规定的事件内触发一次事件 --></body><script>//   函数节流：是确保函数特定的时间内至多执行一次。//  函数防抖：是函数在特定的时间内不被再调用后执行。//防抖var debounce = function(func, delay) {var timer = nullreturn function() {var that = this;var args = arguments;if(timer) {clearTimeout(timer);}timer = setTimeout(function() {func.apply(that, args);}, delay)}}ipt.addEventListener('keyup', debounce(function(e){console.log(e.target.value);}, 400))</script>

（总结）面试话术：

一、什么是闭包：

①要理解闭包，首先理解javascript特殊的变量作用域，变量的作用于无非就是两种：全局变量，局部变量。
②javascript语言的特殊处就是函数内部可以读取外部作用域中的变量。
③我们有时候需要得到函数内的局部变量，但是在正常情况下，这是不能读取到的，这时候就需要用到闭包。在javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成“定义在一个函数内部的函数”。闭包是指有权访问另一个函数作用域中的变量的函数。其本质是函数的作用域链中保存着外部函数变量对象的引用。

二.闭包的应用场景：

①函数作为参数被传递 ②函数作为返回值被返回
③实际应用（隐藏数据）：为什么说隐藏数据了呢，因为普通用户只能通过get、set等api对数据进行查看和更改等操作，没法对data直接更改，达到所谓隐藏数据的效果；jquery就利用了这一特性，必须调用$.ajax()才能访问内部属性方法。
封装功能时(需要使用私有的属性和方法)，
函数防抖、函数节流
单例模式

三.闭包的优点：

（一）变量长期驻扎在内存中
（二）另一个就是私有成员的存在，可以重复使用变量，并且不会造成变量污染
①全局变量可以重复使用，但是容易造成变量污染。不同的地方定义了相同的全局变量,这样就会产生混乱。”
②局部变量仅在局部作用域内有效，不可以重复使用，不会造成变量污染。
③闭包结合了全局变量和局部变量的优点。可以重复使用变量，并且不会造成变量污染

四.闭包的缺点：

由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。

闭包*（乔戈里峰）：相关推荐

Python 闭包、单个装饰器、多个装饰器、装饰器修饰类、应用场景
1. 闭包在 Python 中,函数也可以作为参数.我们可以执行下面的代码: def func(a, b):return a + bprint(func) 我们直接输出函数名,而没有加括号.输出结果 ...
Python 高级特性（1）- 闭包
1. 闭包的概念在一些语言中,在函数中可以(嵌套)定义另一个函数时,如果内部的函数引用了外部的函数的变量,则可能产生闭包.闭包可以用来在一个函数与一组"私有"变量之间创建关联关系 ...
[JS] 闭包与内存泄漏
一句话总结闭包:函数里套函数,函数返回函数. 内存泄漏:每次外部函数执行的时候,外部函数的引用地址不同,都会重新创建一个新的地址.但凡是当前活动对象中有被内部子集引用的数据,那么这个时候,这个数据不删 ...
php的闭包函数use的使用
PHP在默认情况下,匿名函数不能调用所在代码块的上下文变量,而需要通过使用use关键字. function getMoney() { $rmb = 1; $dollar = 6; $fun ...
python之路-day11-迭代器闭包
一 . 函数名的运用函数名是一个变量,但它是一个特殊的变量,与括号配合可以执行函数的变量. 1.函数名的内存地址 def func(): print("呵呵") print(fu ...
函数小知识点（文档字符串，闭包等）
1 文档字符串(Documentation Strings) 一般被称为docstring,一款你应当使用的重要工具,它能够帮助你更好地记录程序并让其更加易于理解.令人惊叹的是,当程序实际运行时,我们 ...
Go 学习笔记（18）— 函数（04）[闭包定义、闭包修改变量、闭包记忆效应、闭包实现生成器、闭包复制原对象指针]
1. 闭包定义 Go 语言中闭包是引用了自由变量的函数,被引用的自由变量和函数一同存在,即使已经离开了自由变量的环境也不会被释放或者删除,在闭包中可以继续使用这个自由变量,因此,简单的说: 函数 + ...
Python 精选笔试面试习题—类继承、方法对象、包管理、闭包、可变类型作为默认参数、列表引用、sort与sorted、 append 和 extend、深拷贝和浅拷贝
1. 类继承如下代码 class A(object):def show(self):print 'This is calss A'class B(A):def show(self):print 'T ...
读javascript高级程序设计03-函数表达式、闭包、私有变量
一.函数声明和函数表达式定义函数有两种方式:函数声明和函数表达式.它们之间一个重要的区别是函数提升. 1.函数声明会进行函数提升,所以函数调用在函数声明之前也不会报错: test(); functi ...