基本概念:javascript
词法做用域:写代码或者定义时肯定,关注函数在何处声明。
动态做用域:运行时肯定,关注函数从何处调用。
垃圾回收机制
标记清除(谷歌):当变量进入执行环境时,该变量被标记为进入环境,当离开环境时,标记为离开环境,随后浏览器销毁该变量,回收内存
引用计数(ie):
跟踪记录每一个值被引用的次数,次数为0,销毁变量,回收内存。PS:js里面的函数常常有默认引用this的习惯,因此有小部分变量一直都是1,时间一长久形成内存溢出,电脑卡顿java
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函数,他们共同组成了闭包web
闭包会开辟特殊空间,会使得函数中本应该销毁的局部变量保存在内存中,增长内存消耗,因此不能滥用闭包,不然会形成性能不佳,网页卡顿,造成很差的用户体验浏览器
再来一个例子闭包
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 //返回的函数当即执行 没有变量接收 执行完毕 浏览器当即销毁变量,回收内存
//模块化 当即执行 var person = (function(){ var name = '辛望大帅哥'; //选择性暴露公有属性 var age = '18' ; //选择性保留私有属性 var sayHi = function (){ alert('嗨,你们好,我是' + name ); } // 选择性暴露模块化属性 return { name:name, sayHi:sayHi } })() console.log(person.name);// 利用对象属性,访问模块里面的属性值 person.sayHi(); //执行对象的方法 //利用闭包的特性
谢谢阅读svg