JavScript — 闭包

闭包概念
  如funciton fn(){} 然后fn(); fn这个函数执行的时候就会产生一个封闭的作用域,这个封闭的作用域就是闭包。
闭包原理
1、是指有权访问另一个函数作用域中的变量的函数,并且在闭包形成一个外部无法访问的局部作用域。
2、创建闭包的常见方式是在一个函数内部创建另一个函数,通过另一个函数方位这个函数的局部变量,利用闭包可以突破作用域链,将这个函数内部的变量和方法传递到外部。

普通函数内存
  正常情况,函数执行完后,函数内部的变量被销毁(变量存放在栈内存中),从而释放内存空间。
闭包内存
  内部函数没有执行完成外包函数变量不会被销毁。

闭包例子:
function fun1() {
	var name = '小明'
	function fun2() {
		console.log(name);
		
	}
	return fun2
}
let fun = fun1()  // 将闭包(函数)复制给fun
fun()  // 输出:小明

闭包应用(函数封装(模块))

let obj = (function(){
	let a = 10
	let b = 20
	function add(){   return a + b   }
	function sub(){   return a - b    }
	return { //es6语法
		add,
		sub
	}
})()

obj.add() // 30
obj.sub() // -10

优点
1、能够访问函数定义时所在的语法作用域(组织其被回收)
2、加强封装,可以达到对变量的保护作用。
3、模拟块级作用域
4、创建模块
缺点
1、会导致函数内部的变量一直保存在内存中,闭包会导致内存泄漏。

例子2:
function teachersInfo (propertyName) {
  return function (obj1, obj2) {
    return obj1[propertyName] + ' - ' + obj2[propertyName]
  }
}

var getTeachers = teachersInfo('name');

var resule = getTeachers({ name: "小明" }, { name: "小李" }, { name: "小张" })
console.log(resule);//小明 - 小李
getTeachers = null;//释放这个

当执行函数teachersInfo时,函数的作用域链包括活动对象(参数propertyName)和全局变量对象,当函数teachersInfo执行完毕后,其活动对象也不会被销毁,因为匿名函数的作用域链仍然在引用这个活动对象。

getTeachers 指向的是匿名函数的地址,所以最后需要释放这个句柄。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值