闭包讲解

2016-11-25  本文已影响30人  夜幕小草

------------------《封闭作用域》------------------

简介:封闭作用域又称之为封闭空间,还有一个昵称叫小闭包,以及匿名函数自调。

基本结构: (function(){})  ();

(function(){})();  技法最大目的:全局变量私有化。

技术优点: 不污染全局空间!  内部所有的临时变量执行完毕都会释放不占内存。

可以保存全局数据。   更新复杂变量。---ajax中的str那里可以用个闭包拿进来。

例如:(function(document){

document.write('你好');

})(document); //闭包保存全局数据

---------------《作用域链》

嵌套之间的函数会形成作用域链,每次对变量的访问实际上都是对整条作用域链的遍历查找。

先查找最近的作用域,最后再查找全局作用域。如果在某个作用域找到了对量就会结束本次查找过程。

例如:// var a=1;

// (function(){

// var a=2;

// (function(){

// var a=3;

// alert(a);}))

重点注意:

对于作用域全局作用域查找快,还是局部作用域查找快? 局部作用域查找要远远大于全局作用域查找的速度。

所以高级的程序设计一般是尽量避免全局查找。

保存上一次的目标*

方法:当前目标使用完以后再退出作用域之前储存这个目标就可以在下次取到上一次的目标。也就是设置一个全局变量来保存

-----保存作用域

var A=function(){

var a=1;

var b=2;

return function(){

alert(b++);//保留值得作用,b隐式变成一个全局变量

}

}

var B = A();

B();

B();

B();

------《保存作用域》---简介:保存作用域是一种更高级的闭包技术,如果函数嵌套函数内部的那个函数将形成作用域闭包。

简单的说,这种闭包能够达到的好处就是让指令能够绑定一些全局数据去运行;

基本结构:

var A=function(){

Var num = 0;//这个num会变成全局变量。

return function(){}; //返回的是一个函数。

}

技术的好处:

全局数据隐藏化。

可以让某个指令运行时候绑定一些隐藏的全局数据在身上。

一句话总结:

将数据绑定在指令上运行。让指令不再依赖全局数据。

onresize 事件会在窗口或框架被调整大小时发生。

思想:就是让其后执行。。。。(运用了闭包)

--函数截流1--主要给个定时器

function throttle(fn,delay){

var timer=null;//为了不污染全局变量

return function(){

clearTimeout(timer)

timer=setTimeout(fn,delay)

}

}

window.onresize=throttle(function(){

document.body.innerHTML=document.documentElement.clientWidth;

},200)

--函数截流2

function throttle(fn,delay){

var timer=null;

return function(){

clearTimeout(timer)

timer=setTimeout(fn,delay)

}

}

window.onscroll=throttle(function(){

document.body.children[0].innerHTML=document.body.scrollTop;

},200)

上一篇 下一篇

猜你喜欢

热点阅读