什么是闭包?闭包是什么?怎么理解闭包?闭包有什么用?

闭包

基本概念:

  1. 闭包一定是函数对象
  2. 闭包函数内能保持对上层作用域变量的引用
  3. 函数被自身作用域之外的域访问时才产生闭包
  4. 闭包是自身函数与上层作用域共同构成
  5. 闭包与词法作用域,作用域链,垃圾回收机制息息相关

词法作用域:写代码或者定义时确定,关注函数在何处声明。
动态作用域:运行时确定,关注函数从何处调用。
垃圾回收机制
标记清除(谷歌):当变量进入执行环境时,该变量被标记为进入环境,当离开环境时,标记为离开环境,随后浏览器销毁该变量,回收内存
引用计数(ie):
跟踪记录每个值被引用的次数,次数为0,销毁变量,回收内存。PS:js里面的函数经常有默认引用this的习惯,所以有小部分变量一直都是1,时间一长久造成内存溢出,电脑卡顿

闭包的作用

  1. 函数外读取函数局部变量
  2. 闭包父级作用域变量的值不会因为函数的执行完毕而销毁,变量保存的值能够保存下来
  3. 模块化的公有属性和方法暴露出来
function fn1(){
	var n = 1;
	return function biBao(){ //将 1.函数 作为返回值传出  2.保持对上层作用域的访问
		n++;
		console.log(n);
	}; 
	console.log(n);
}

var fn = fn1(); // 用变量去接收fn1返回的函数 bibao
biBao();// 直接执行fn1局部变量:报错 未定义
fn1()// 1

fn()//  2  第一次执行闭包函数 外部访问到了本以销毁的局部变量n,所以fn形成闭包
//作用1.在外部读取函数局部变量
fn()// 3 第二次执行闭包函数,上一次值被保存 作用2.保存本以销毁的局部变量值 开辟特殊空间

组成闭包的是,接收biBao的fn变量与fn1函数,他们共同组成了闭包

闭包会开辟特殊空间,会使得函数中本应该销毁的局部变量保存在内存中,增加内存消耗,所以不能滥用闭包,否则会造成性能不佳,网页卡顿,形成不好的用户体验

再来一个例子

function fn1 (){
	var x = 0;
	return function (){ // 闭包函数
		x++;
		consolo.log(x);
	}
}
var fn = fn1(); //变量接收闭包 产生内存空间
fn(); // 1
fn(); // 2
fn(); // 3 //闭包的值被保存了

fn1()() // 1
fn1()() // 1
fn1()() // 1 //返回的函数立即执行 没有变量接收  执行完毕 浏览器立即销毁变量,回收内存

模块化 应用闭包 作用3.暴露公有属性和方法

//模块化  立即执行
var person = (function(){
	var name = '辛望大帅哥'; //选择性暴露公有属性
	var age = '18' ; //选择性保留私有属性
	var sayHi = function (){
		alert('嗨,大家好,我是' + name );
	}
	// 选择性暴露模块化属性
	return {
		name:name,
		sayHi:sayHi
	}
})()

console.log(person.name);// 利用对象属性,访问模块里面的属性值
person.sayHi(); //执行对象的方法
//利用闭包的特性 

谢谢阅读

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值