美文网首页
闭包讲解

闭包讲解

作者: 夜幕小草 | 来源:发表于2016-11-25 18:35 被阅读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)

相关文章

  • Swift 闭包

    1、闭包简介 在讲解闭包之前,我们先讲解一下OC中的block 2、 闭包基本使用 3、闭包的参数和返回值 实例:...

  • 闭包讲解

    ------------------《封闭作用域》------------------ 简介:封闭作用域又称之为封...

  • 闭包 讲解

    以下内容是引用或者借鉴别人的,自己只是做个笔记,方便学习。理解错误的地方,欢迎评论。如有侵权,私聊我删除,未经允许...

  • 讲解「闭包」

    # 定义   闭包 是指有权访问另一个函数作用域中的变量的函数。注意别混淆匿名函数和闭包的概念。  创建闭包 需要...

  • 一周一章前端书·第5周:《你不知道的JavaScript(上)》

    第5章:作用域闭包 到底什么是闭包 本章讲解闭包(Closures),它与作用域工作原理息息相关。 首先我用自己总...

  • web前端必知篇:闭包的理解

    闭包这玩意,在面试的时候经常被问到。如果你还不了解,小编就简单的讲解一下! 闭包是什么,闭包的优点是什么? 闭包就...

  • JavaScript闭包之for循环

    之前讲了最简单的闭包,然而闭包最经典的是那个for循环,几乎每一个想要理解闭包的都会遇到这个例子,每一个讲解闭包的...

  • 闭包题目讲解2

    封装Car对象 不能直接对speed进行操作,封装在一个包里,用函数去操作这个变量,这个变量就是局部变量了,car...

  • 闭包题目讲解3

    补全代码实现数组按年龄、姓名、任意字段排 写一个sum函数

  • 闭包与数组的过滤,映射,缩减

    函数的详细解析(闭包的讲解) 数组的过滤,映射,缩减(与闭包的结合使用) 类的介绍 (类的属性,方法)

网友评论

      本文标题:闭包讲解

      本文链接:https://www.haomeiwen.com/subject/zclwpttx.html