JavaScipt面向对象编程----闭包

在javascript中闭包是一个很不好理解的概念,但是确实一个不可逃避的东西,那么今天我们就来一起学习一下闭包。

什么是闭包?

闭包:官方”的解释是:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。相信读完这句话以后,你就更加不知道什么是闭包了。其实通俗的说闭包就是一个函数a内部的局部变量s,被该函数内部的函数b所使用,并且a函数返回值为b函数。那么我们就将b函数成为闭包。

为什么会产生闭包这个概念呢?那就要谈谈变量作用域的问题了。

变量的作用域无非就是两种:全局变量和局部变量。

Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。

Js代码

<span style="font-size:18px;">var n=999;
function f1(){
    alert(n);
}
f1(); // 弹出对话框:999</span>

另一方面,在函数外部自然无法读取函数内的局部变量。

Js代码

functionf1(){
    varn=999;
}
alert(n); //弹出对话框:error

这里有一个地方需要注意,函数内部声明变量的时候,一定要使用var命令。如果不用的话,你实际上声明了一个全局变量!

Js代码

<span style="font-size:18px;">functionf1(){
   n=999;
}
f1();
alert(n); //999</span>

         那么如何从外部读取局部变量?

出于种种原因,我们有时候需要得到函数内的局部变量。但是,前面已经说过了,正常情况下,这是办不到的,只有通过变通方法才能实现。那就是在函数的内部,再定义一个函数。

Js代码

<span style="font-size:18px;">functionf1(){
    varn=999;
    functionf2(){
        alert(n); // 999
    }
}</span>

在上面的代码中,函数f2就被包括在函数f1内部,这时f1内部的所有局部变量,对f2都是可见的。但是反过来就不行,f2内部的局部变量,对f1 就是不可见的。这就是Javascript语言特有的“链式作用域”结构(chainscope),子对象会一级一级地向上寻找所有父对象的变量。所以,父对象的所有变量,对子对象都是可见的,反之则不成立。

既然f2可以读取f1中的局部变量,那么只要把f2作为返回值,我们不就可以在f1外部读取它的内部变量了吗!

Js代码

<span style="font-size:18px;">functionf1(){
    varn=999;
    functionf2(){
       alert(n);
    }
    returnf2;
}
varresult=f1();
result(); //999</span>

这个我们在函数函数f1的外部就可以读取到f1内的变量n的值了。

大家可能注意到了,这个函数函数跟我上边的描述好像很吻合,没错,这就是闭包了。

那么总结一下闭包都具备哪些特点呢?

1,闭包外层是个函数.

2,闭包内部都有函数.

3,闭包会return内部函数.

4,闭包返回的函数内部不能有return.(因为这样就真的结束了)

闭包有什么作用呢?

一个是像上边所说的那样,在函数外边访问函数内部的变量。另一个就是让这些变量的值始终保持在内存中。怎么理解他的第二个作用呢?

看一下下边这个例子:

<span style="font-size:18px;">Js代码
functionf1(){
    varn=999;
    functionf2(){
        alert(++n);
    }
    returnf2;
}
varresult=f1();
result(); // 999
result(); //1000</span>

大家可以看到两次执行同一个函数,结果却是不一样的,这个是为什么呢?为什么不像其他语言那个,一个函数执行完以后就被垃圾机制回收呢? 原因就在javascript的垃圾回收机制中,在Javascript中,如果一个对象不再被引用,那么这个对象就会被GC回收。如果两个对象互相引用,而不再被第3者所引用,那么这两个互相引用的对象也会被回收。因为函数f1被f2引用,f2又被f1外的c引用,这就是为什么函数f1执行后不会被回收的原因。

使用闭包函数应该注意的问题;

1)由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。

2)闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(PublicMethod),把内部变量当作它的私有属性(privatevalue),这时一定要小心,不要随便改变父函数内部变量的值。

闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现.所以学号闭包我们通往高级js程序员的一个必由之路。

JavaScipt面向对象编程----闭包

时间: 2024-10-23 06:10:42

JavaScipt面向对象编程----闭包的相关文章

简单粗暴地理解js原型链--js面向对象编程

简单粗暴地理解js原型链--js面向对象编程 原型链理解起来有点绕了,网上资料也是很多,每次晚上睡不着的时候总喜欢在网上找点原型链和闭包的文章看,效果极好. 不要纠结于那一堆术语了,那除了让你脑筋拧成麻花,真的不能帮你什么.简单粗暴点看原型链吧,想点与代码无关的事,比如人.妖以及人妖. 1)人是人他妈生的,妖是妖他妈生的.人和妖都是对象实例,而人他妈和妖他妈就是原型.原型也是对象,叫原型对象. 2)人他妈和人他爸啪啪啪能生出一堆人宝宝.妖他妈和妖他爸啪啪啪能生出一堆妖宝宝,啪啪啪就是构造函数,俗

js面向对象编程:如何定义常量?

js中有一个关键字const,但目前的浏览器似乎还不支持,如果一定要定义一些常量,其实可以使用闭包,匿名函数实现常量的定义. 例如: var Class = (function() { var UPPER_BOUND = 100;//定义了常量 var Test={}; // 定义了一个静态方法 获取常量的方法 Test.getUPPER_BOUND=function() { return UPPER_BOUND; } return Test; })(); 用法: var k=Class.get

再谈javascript面向对象编程

前言:虽有陈皓<Javascript 面向对象编程>珠玉在前,但是我还是忍不住再画蛇添足的补上一篇文章,主要是因为javascript这门语言魅力.另外这篇文章是一篇入门文章,我也是才开始学习Javascript,有一点心得,才想写一篇这样文章,文章中难免有错误的地方,还请各位不吝吐槽指正 吐槽Javascript 初次接触Javascript,这门语言的确会让很多正规军感到诸多的不适,这种不适来自于Javascript的语法的简练和不严谨,这种不适也 来自Javascript这个悲催的名称,

JavaScript 面向对象编程

写的项目需要把js封装处理,不然很乱..然后就想到前端大神阮一峰了,去blog搜索一下果然有收获 参考文章: Javascript定义类(class)的三种方法 Javascript 面向对象编程(一):封装 此处使用极简主义法: 如何定义一个类: 此法是定义一个生成器以及构造函数(类似工厂模式吧) var Cat = { createNew: function(){ var cat = {}; cat.name = "大毛"; cat.makeSound = function(){

简单介绍Javascript匿名函数和面向对象编程

忙里偷闲,简单介绍一下Javascript中匿名函数和闭包函数以及面向对象编程.首先简单介绍一下Javascript中的密名函数. 在Javascript中函数有以下3中定义方式: 1.最常用的定义方式: function functionVal(variable){ return 3*variable; } 2.使用Function构造函数,将函数的参数和函数体内容作为字符串参数[不建议使用]: var objFunction=new Function('variable','return 3

Python进阶 函数式编程和面向对象编程等

函数式编程 函数:function 函数式:functional,一种编程范式.函数式编程是一种抽象计算机的编程模式. 函数!= 函数式(如计算!=计算机) 如下是不同语言的抽象 层次不同 高阶函数:能接收函数做参数的函数 变量可以指向函数 函数的参数可以接收变量 一个函数可以接收另一个函数作为参数 例子: 接收abs函数, 定义一个函数,接收x,y,z三个参数.其中x,y是数值,z是函数 . 1 2 3 def add(x,y,z):     return z(x)+z(y) print ad

js面向对象编程-高级内容

JavaScript面向对象 一.为每个对象动态添加属性或方法 功能:返回对象类型原型的引用 prototype的使用 格式:class.prototype 场景: 比如说:A写了一个类,交给B,B在使用时发现A写的类的功能有所欠缺,但是B没有权力改写A的文件,这时该怎么办? Function Person(name1,age1){ This.name=name1; This.age=age1; } Var p1=new Person(‘zhangsan’,30); p1.sex=’男’ B认为

面向对象编程思想(前传)--你必须知道的javascript(转载)

原文地址:http://www.cnblogs.com/zhaopei/p/6623460.html阅读目录 什么是鸭子类型 javascript的面向对象 封装 继承 多态 原型 this指向 call apply band js中的闭包 什么是高阶函数 在写面向对象编程思想-设计模式中的js部分的时候发现很多基础知识不了解的话,是很难真正理解和读懂js面向对象的代码.为此,在这里先快速补上.然后继续我们的面向对象编程思想-设计模式. 什么是鸭子类型 javascript是一门典型的动态类型语

[Object]面向对象编程(自己总结版)

[Object]面向对象编程(自己总结版) 2014-06-06 面向对象编程 感受:原理javascript也可以用完全面向对象的方式编程,兴奋得一个晚上都没睡好觉. 有种越深入越想编程的状态,有种上瘾的快感. 1,面向对象方式编程 Js代码   function Aa(){ //属性设置 this.property1:value1,//例如this.nameinput = $("input['name'=name]"); this.property2:value2, this.pr