闭包
基本概念:
- 闭包一定是函数对象
- 闭包函数内能保持对上层作用域变量的引用
- 函数被自身作用域之外的域访问时才产生闭包
- 闭包是自身函数与上层作用域共同构成
- 闭包与词法作用域,作用域链,垃圾回收机制息息相关
词法作用域:写代码或者定义时确定,关注函数在何处声明。
动态作用域:运行时确定,关注函数从何处调用。
垃圾回收机制
标记清除(谷歌):当变量进入执行环境时,该变量被标记为进入环境,当离开环境时,标记为离开环境,随后浏览器销毁该变量,回收内存
引用计数(ie):
跟踪记录每个值被引用的次数,次数为0,销毁变量,回收内存。PS:js里面的函数经常有默认引用this的习惯,所以有小部分变量一直都是1,时间一长久造成内存溢出,电脑卡顿
闭包的作用
- 函数外读取函数局部变量
- 闭包父级作用域变量的值不会因为函数的执行完毕而销毁,变量保存的值能够保存下来
- 模块化的公有属性和方法暴露出来
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(); //执行对象的方法
//利用闭包的特性
谢谢阅读