分析javascript关闭

1.什么是闭包

1)官方解释

一个拥有多个变量和绑定了这些变量的环境的表达式(一般是一个函数)。因而这些变量也是该表达式的一部分。

我的理解:所谓的闭包就是连接函数内部和函数外部的一座桥梁。使得在外部也可以訪问到函数内部的变量。

2)闭包的特点

A:作为一个函数变量的一个引用,当函数返回时,其处于激活状态。

B:一个闭包就是当一个函数返回时,一个没有释放资源的栈区。

2.闭包的用途

A:读取函数内部变量

<span style="font-family:SimSun;font-size:18px;">function People(name) {
            var name ="张三";
            return function () {
                alert(name);
            }
        }
        var Job = new People();
        Job();</span>

解释:正如上述的代码所看到的,name是定义在People中的函数,是函数People中的局部变量,而我们在外部是无法訪问到的,可是People函数返回了一个内部函数,而这个内部函数是对变量name的一个引用,这就形成了一个闭包,所以在外部也能够訪问到People函数的内部变量(特点一);正如上述代码所看到的,假设name在函数People调用完后不能再訪问的话,则将被释放。而在本例中却被还有一个函数所返回,所以还会包括在栈中(特点二)。

B:保存变量始终在内存中

这也是闭包的不利处之所在地,由于闭包会使得函数中的变量保存在内存中,内存消耗非常大,所以不能滥用闭包。否则会造成网页载入缓慢问题等,解决办法就是在退出函数之前,来销毁不使用的局部变量。

3.思考题

1)样例1

<span style="font-family:SimSun;font-size:18px;">function Test1() {
            var a = 0;
            function Test2() {
                a++;
                alert(a);
            }
        }

        Test2();//是错误的。作用域在Test1,外部无法訪问到</span>

2)改动后

<span style="font-family:SimSun;font-size:18px;">function Test1() {
            var a = 0;
            function Test2() {
                a++;
                alert(a);
            }
            return Test2; //改动操作例如以下
        }
        var obj = Test1();
        obj();//返回1
        obj();//返回2
        var obj2 = Test1();
        obj2();//返回1
        obj2();//返回2</span>

4.小结

以上就是对闭包的所有理解。简单的一句话:闭包就是搭建外部函数与内部函数的桥梁。

上述仅仅是对闭包的一点点了解。有疑问之处,还请多多指正。



版权声明:本文博客原创文章,博客,未经同意,不得转载。

时间: 2024-11-08 23:29:15

分析javascript关闭的相关文章

【转】console.time 简单分析javascript动态添加Dom节点的性能

本文代码约定 1 el: 指的是增加直接点的DOM节点 2 totalNum: 为100000(值越大越能体现差距)指的是循环创建的DOM节点 3 for(var i=0;i<totalNum;i++){}: 我们用for来表示就好了,简写代码 如果叫你用javascript动态增加DOM节点,你有哪几种思路呢? 1 .使用innerHTML和字符串拼接 console.time("time1"); var str = ""; for{ str += &quo

console.time 简单分析javascript动态添加Dom节点的性能

Bullshit 本来想每天都更新下博客的,但是最近要考试,还有就是自己还是停留在暗自窃喜中吧(这种想法要改变).其实最近总在想,自己要怎么去管理自己的数据,每天的生活都是对自己的数据的增删查改.昨天把自己的电脑重装了,确实很多软件的存放要改地方了,之前不知道怎么去管理软件安装,所以放得乱七八糟的.说好一大堆废话之后,我最后再说一遍,管好自己的时间.数据真的比你学习东西重要. Method 本文代码约定 1 el: 指的是增加直接点的DOM节点 2 totalNum: 为100000(值越大越能

JavaScript:关闭弹出窗口时刷新父窗口

JavaScript:关闭弹出窗口时刷新父窗口 2010-08-13 09:25:29|  分类: 代码示例 |举报 |字号 订阅 说明: 关闭弹出窗口时刷新父窗口也可以说是关闭子窗口时自动刷新父窗口中的信息,即用户通过window对象的open()方法打开一个新窗口(子窗口),当用 户在该子窗口中进行了数据库操作(如数据添加.修改和删除等)之后,关闭子窗口时,系统会自动刷新父窗口来实时更新信息; 思路和技术: 主要应用window.open()语句打开新窗口,并在新窗口中应用opener属性,

SkylineGlobe 邻近度(Proximity)分析JavaScript源代码

邻近度(Proximity)描述了地理空间中两个地物距离相近的程度,是空间分析的一个重要手段. <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>ToolTitle</title> <script language="javascript" src="ToolsCommon65.js"></script> &l

分析JavaScript的跨域原理(jsonp)

前段时间给朋友分析了下常用的jsonp的跨域原理,跨域的方式有很多种,这里简单记录一种jsonp,阐述一下分析思想,分析过程,找到解决问题的方式. 1.JavaScript怎么跨域 2.为什么会出现跨域问题 3.常用的跨域插件是什么 4.为什么<script src=""></script>不会产生跨域问题 5.java后台跨域的处理是什么原理 跨域方式? (1) document.domain+iframe的设置 (2) 利用iframe和location.h

JavaScript关闭窗口的同时打开新页面的方法

做网页的时候需要弹出一个小窗口,然后要实现一个功能就是鼠标点击超链接关闭小窗口并打开一个新页面,就如同下图: 这是一个小窗口,点击超链接这个窗口会关闭并且会正常在浏览器打开新页面,首先写js关闭窗口的方法 1 <script type="text/javascript"> 2 function closewin(){ 3 //关闭窗口的方法 4 window.opener=null; 5 window.open('','_self',''); 6 window.close(

简单分析JAVASCRIPT的基本类型和引用类型

由于最近项目当中使用EXTJS这样一种前端框架,所以就离不开JavaScript得使用,所以最近我就在自己研究学习JavaScript,目的是为了方便开发的顺利进行.但是在实际开发当中,我发现JavaScript是一门很简单就能上手的语言,但是真正使用起来我们就会发现他作为一门弱类型的语言,从某种角度来看可能是一个既有趣有强大的功能,但是也是容易出问题的特性. 楼主本人也是处于学习这门语言当中,所以写一篇博客也是为了巩固自己的知识,同时也是为了和大家一起分享我对于学习当中一些大家都用过但是不一定

JS高级调试技巧:捕获和分析 JavaScript Error详解

前端工程师都知道 JavaScript 有基本的异常处理能力.我们可以 throw new Error(),浏览器也会在我们调用 API 出错时抛出异常.但估计绝大多数前端工程师都没考虑过收集这些异常信息 反正只要 JavaScript 出错后刷新不复现,那用户就可以通过刷新解决问题,浏览器不会崩溃,当没有发生过好了.这种假设在 Single Page App 流行之前还是成立的.现在的 Single Page App 运行一段时间后状态复杂无比,用户可能进行了若干输入操作才来到这里的,说刷新就

从一道面试题分析javascript闭包

据说是一不注意就会做错的五道javascript面试题之一,我们来看看这道题长什么样 function Container( properties ) { var objthis = this; for ( var i in properties ) { (function(){ var t = properties[i]; objthis[ "get" + i ] = function() {return t;}; objthis[ "set" + i ] = f