（转）js闭包初入门

　　先看一段JS代码:


1

2

3

4

5

6

7

8

9

10

11

12

13

function a(){

            var num = 0;

            function b(){

                num++;

                console.log(num);

            }

            return b;

        }

        var add = a();

        add();      // 1

        add();      // 2

        add();      // 3

这段代码的特点:

·函数a里面定义了一个函数b，函数b里面的操作让变量num自加的，最后一句是return b，将函数b返回了;

·add变量是指向了函数a的(有点像C的指针)，函数a里面的函数b是被外部变量add引用了，函数b就形成了一个闭包了。

那闭包一般用来干嘛呢？

·在JavaScript模拟实现块级作用域,封装私有变量，防止污染全局变量

举个栗子??


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

var foo = (function(){

        var secret = "secret";

        return {

            //特权方法

            get_secret : function () {

                return secret;

            },

            set_secret :function(new_secret){

                secret = new_secret;

            }

        }

    })();

<br>　　alert(secret)　　　　　　　　　　　//undefined

    alert(foo.get_secret());　　　　//secret

    foo.set_secret("x");

    alert(foo.get_secret());　　　　//x

JS是没有类似Java的class、private关键字来封装一个私有变量的，在JS是使用闭包机制去模拟实现的，首先在匿名函数里声明一个secret变量值也为‘secret‘,在函数的外部呢是无法访问到的。在匿名函数里return的是setter和getter方法，foo对象指向的是匿名函数，这样就能在外部去访问一个局部变量了，但是要通过setter和getter的方法，它们也叫做特权方法

再或者呢，不设置setter的方法，只有个getter的方法，老大跟我说这样就用在游戏里能防作弊了0.0

闭包的弊端:

　　javascript是高级语言,拥有自动的垃圾回收机制,所需内存的分配以及无用内存的回收完全实现了自动管理。简单来说就是找出那些不再继续使用的变量，然后释放其占用的内存。

　　垃圾收集方式主要有：1、标记清除；2、引用计数;

　　常见的方式就是标记清除了,垃圾收集器会给所有贮存在内存的变量加上标记，然后它会去掉环境中的变量以及被环境中被其他变量引用的变量的标记，剩下还有标记的变量就被视为准备删除垃圾了，因为它们不会再被环境所使用到,最后，垃圾收集器完成内存清除工作。

　　到 2008 年为止，IE、Firefox、Opera、Chrome 和 Safari 的 JavaScript 实现使用的都是标记清除式的 垃圾收集策略（或类似的策略），只不过垃圾收集的时间间隔互有不同。

　　正如上面说到的，闭包是在一个函数里面函数，但是被外部的变量所引用到了，所以它是会永远贮存在内存里而不会被销毁，造成了内存泄露,所以对于闭包还是要谨慎使用

时间： 2024-10-20 22:43:26

（转）js闭包初入门的相关文章

js闭包初体验

/* 闭包的定义:一个内部函数里变量作用域生命周期延续,直接访问一个函数里面的私有属性 闭包的作用:解决变量作用域延续的问题,同时解决全局变量冲突的问题 */ //1.定义内部函数,私有函数 function sum(){ //函数是一种数据类型 var a = 100; //内部函数 function get(){ return a; } return get; } var count = sum(); //返回的是一种function的数据类型 /* 2.闭包的第二种形态:回调函数,属性和方

JSON初入门

JSON:Javascript Object Notation 轻量级的数据交换格式 语法规则:(js对象表示语法的子集) 1.数据在名称/值对中 2.数据由逗号分隔 3.花括号{}保存对象 4.中括号[]保存对象 JSON名称/值 数据书写格式:名称/值 包括字段名称(双引号""),中间:隔开 "firstName":"John"     易理解,相当于js中  firstName="John" JSON值 数字(整数/浮点

js闭包浅了解

js闭包浅理解 要理解闭包,得先知道js的变量作用域,在js中,有两种变量作用域: 全局作用域 局部作用域 一.在函数内可以访问全局变量 比如,下面的例子: <!--lang:js--> <script> var n = 100; function f1(){ console.log(n); } f1()//返回100 </script> 上面的例子很简单,下面是另一种情况. 二.在函数外无法读取函数内的局部变量 还是一个小例子: <!--lang:js-->

Html5之高级-7 HTML5 Chart.js(概述、入门、使用)

一.Chart.js 概述 Chart.js 简介 - Chart.js 是一个简单.面向对象.为设计者和开发者准备的图表绘制工具库 - 官方地址: http://www.chartjs.org/ Chart.js 特点 - 基于 HTML 5 - Chart.js 基于 HTML5 canvas技术,支持所有现代浏览器,并且针对IE7/8提供了降级替代方案 - 简单.灵活 - Chart.js 不依赖任何外部工具库,轻量级(压缩之后仅有4.5k),并且提供了加载外部参数的方法 Chart.js

js闭包的作用

js闭包的用途详解 js闭包可以用在许多地方.它的最大用处有两个,一个是前面提到的可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中.具体怎么理解呢,各位看官请仔细看好下文 我们来看看闭包的用途.事实上,通过使用闭包,我们可以做很多事情.比如模拟面向对象的代码风格:更优雅,更简洁的表达出代码:在某些方面提升代码的执行效率. 1 匿名自执行函数 我们知道所有的变量,如果不加上var关键字,则默认的会添加到全局对象的属性上去,这样的临时变量加入全局对象有很多坏处,比如:别的函数可能误用

浅谈JS闭包中的循环绑定处理程序

初学者经常碰到的,即获取HTML元素集合,循环给元素添加事件.在事件响应函数中(event handler)获取对应的索引.但每次获取的都是最后一次循环的索引.原因是初学者并未理解JavaScript的闭包特性. 前几天工作中写前端js代码时,遇到了遍历元素给它添加单击事件. (PS:之前也在<jQuery基础教程>第四版中看过讲循环绑定处理程序的内容,当时估计也没怎么用心看,所以没记起来.) 大神要是知道这类情况,可以关掉窗口,写这些主要是给像我一样的小白看的,谢谢! 先贴上错误的例子让大家

关于JS闭包，作者不详（转）

说明:本文由两篇文章结合而成,系从他人笔记中转过来的, 具体作者不详.因为觉得不错,遂共享之.如有侵权,立删致歉. 一.变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域. 变量的作用域无非就是两种:全局变量和局部变量. Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量. Js代码 var n=999; function f1(){ alert(n); } f1(); // 999 另一方面,在函数外部自然无法读取函数内的局部变量. Js代码 fun

js闭包(closure),个人理解

一.闭包概念理解 各种专业文献上对js"闭包"(closure)定义非常抽象,贼难看懂.我的理解是,闭包就是能够读取某函数内部变量的函数.由于在Javascript语言中只有在函数内部的函数才能读取局部变量,因此可以把闭包简单理解成"定义在一个函数内部的函数".所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁. 二.用途 闭包可以用在很多地方.但它最大用处有两个,一个是前面提到的可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中. 三.使

理解js闭包原理

各种专业文献上的"闭包"(closure)定义非常抽象,很难看懂.我的理解是,闭包就是能够读取其他函数内部变量的函数. 由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成"定义在一个函数内部的函数". 所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁. 闭包可以用在许多地方.它的最大用处有两个,一个是前面提到的可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中. 怎么来理解这句话呢?请看下面的