`
jonson
  • 浏览: 168520 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

javascript closure

    博客分类:
  • js
阅读更多
  学习javascript闭抱特性已经有段时间了。将自己理解的与大家分享以下。
  首先,介绍下闭包的定义吧。闭包:对环境对象的引用。闭包可以是一个表达式,主要是函数。比如:
例子1:函数。函数test对环境变量 paramA,b引用,形成闭包。
function test(paramA){
        var b="haha"; 
        return function(){
        alert(paramA);// 对环境变量  paramA,b的引用。closure
        alert(b);
        }
}
var func=test("test");
func();

在上面这个js例子当中,,闭包的形成是在 执行 var func=test("test"); 这句代码的时候形成的。当运行test函数的时候,会产生一个函数运行的作用域链,运行环境将创建一个 活动对象。这个函数的执行环境就由 该活动对象 后面上 全局作用域构成。 当test函数运行到 定义函数的时候,会把 当前的运行时环境作用域链加在 新定义函数的[[scope]] 属性中。这个test函数就通过它的[[scope]] 属性保留了对 test函数和全局作用域的引用。
这里我觉得要分清一个概念,其实closure确切的说跟对环境变量的引用并没有关系,而是作用域链的引用。其实代码完全可以改成:
function test(paramA){
        return function(){
        alert("hello,world");// 没有对环境变量引用 。closure
        }
}
var func=test("test");
func();

在这段代码中,由于当定义并返回新的方法对象的时候,保留了对test函数运行时环境的作用域链的引用。所以闭包还是存在的。
  下面说下闭包的使用吧。
1。当函数需要延迟运行的时候,比如页面设置某个DOM对象5秒中后自动隐藏。
function callLater(paramA, paramB, paramC){
    /* 返回一个由函数表达式创建的匿名内部函数的引用:- */

    return (function(){
        /* 这个内部函数将通过 - setTimeout - 执行,
         而且当它执行时它会读取并按照传递给
         外部函数的参数行事:
        */
        paramA[paramB] = paramC;
    });
}

...

/* 调用这个函数将返回一个在其执行环境中创建的内部函数对象的引用。
 传递的参数最终将作为外部函数的参数被内部函数使用。
 返回的对内部函数的引用被赋给一个全局变量:-
*/

var functRef = callLater(elStyle, "display", "none");
/* 调用 setTimeout 函数,将赋给变量 - functRef - 
的内部函数的引用作为传递的第一个参数:- */ 

hideMenu=setTimeout(functRef, 500);

这是网上的一个例子,该应用虽然并不是真实实现(可以直接将该例子中的参数写在函数内部),但是这只是一个例子,当要 延时运行呆有参数的时候,可以通过闭包来保留参数。
其实closure是比较实用的一个工具。但是使用closure容易产生循环引用链,导致内存泄露。使用的时候需要小心。
分享到:
评论

相关推荐

    Google Javascript Closure Compiler

    closure-compiler-v20170521.jar,以及一个.chm使用说明:‘Getting Started with the Closure Compiler Application’,‘Advanced Compilation and Externs’,‘Understanding the Restrictions Imposed by the ...

    Closures:这个存储库包含 JavaScript Closure 演示

    这个存储库包含JavaScript Closure演示。 在我们开始讨论闭包之前,重要的是我们理解以下术语,因为它们将构成我们对闭包的整个理解的基线: 1. 词法范围 词法是指语言或文本。 范围是指与文本相关的属性。 词法...

    closure library 模块化的javascript库

    Closure Library是Google开发的一个强大的、模块化的JavaScript库,旨在提供高效、可维护的代码解决方案。这个库被设计为可跨浏览器、跨平台使用,确保在各种JavaScript环境中的一致性。Closure Library的核心理念是...

    JavaScript知识点总结(十六)之Javascript闭包(Closure)代码详解

    闭包(Closure)是一个可以包含自由变量的代码块,这个自由变量并不是在这个代码块或任何全局上下文中定义的,而是在定义代码块的环境中定义。简单来说,闭包就是在一个函数内部定义另一个函数,内层函数可以引用...

    Closure编译器的纯JavaScript版本最高级的构建工具

    Closure编译器是Google开发的一款强大的JavaScript优化工具,它的纯JavaScript版本为开发者提供了一种高效、先进的代码构建方案。此工具旨在提升JavaScript代码的质量、性能和可维护性,通过压缩、优化以及处理代码...

    Google javascript 开发工具文档

    JavaScript Closure 的 Javadoc文档 由于互联网是没有于是自己制作成了.chm格式的

    Closure The Definitive Guide

    If you're ready to use Closure to build rich web applications with JavaScript, this hands-on guide has precisely what you need to learn this suite of tools in depth. Closure makes it easy for ...

    closure-compiler-v20171112.jar

    Closure Compiler是Google开发的一款强大的JavaScript代码优化工具,其主要功能是对JavaScript代码进行压缩和混淆,以提高代码的运行效率和安全性。"closure-compiler-v20171112.jar"是该编译器的一个特定版本,发布...

    Closure: The Definitive Guide

    闭包(Closure)是JavaScript中的一个核心概念,它是指有权访问独立变量的函数,即使是在该函数的外部。闭包允许函数访问并操作函数外部的变量,这是通过在函数定义的时候捕获自由变量实现的,自由变量是在函数外部...

    google closure

    Google Closure 是一个强大的JavaScript开发工具集,由Google开源并维护。这个框架包含了多个部分,旨在帮助开发者编写高质量、高性能的JavaScript代码。Closure的核心组件包括: 1. **Closure Library**:这是一个...

    closure-library-master

    Closure Library 是一个广泛使用的 JavaScript 库,尤其在构建大型、高性能的 Web 应用程序时非常有用。这个库提供了大量的实用工具函数、面向对象的支持以及高级组件,如 AJAX、事件处理、动画效果等,有助于开发者...

    利用ClosureCompiler通过Rollup缩小和优化JavaScript

    Closure Compiler是一款由Google开发的高级JavaScript编译器,它能够对源代码进行静态分析和优化,包括删除未使用的变量、函数和类,以及进行类型检查,将变量名混淆(minification)等,从而显著减小代码体积并提高...

    Closure Linter完整安装包

    Closure Linter是一款强大的静态代码分析工具,主要用于检查JavaScript代码的质量,确保代码符合Google的 Closure编程风格指南。这个压缩包提供了一个完整的Closure Linter安装包,包括必要的依赖和安装说明,以便...

    closure闭包

    在Java中,你可以使用Lambda表达式或匿名内部类来创建闭包,而在JavaScript中,所有的函数都是闭包。在C#中,可以使用`Action`、`Func`等委托类型或`lambda`表达式来创建闭包。 总的来说,闭包在编程中扮演着至关...

    前端开源库-closure-loader

    **Closure Loader - 前端开发的利器** Closure Loader是一个专为前端开发者设计的开源工具,主要...如果你的项目中使用了Closure Library,或者你追求高性能、高可靠性的JavaScript应用,Closure Loader绝对值得尝试。

    用谷歌的closure-compiler + maven-antrun-plugin

    Closure Compiler是一款强大的JavaScript代码压缩器,它能够通过删除冗余代码、优化变量名和函数名,以及处理死代码,来减小JavaScript文件的大小,提高网页加载速度,并有助于提升代码性能。而Maven Antrun插件则...

    closure-compiler,javascript检查器和优化器。.zip

    闭包编译器是一个让javascript下载和运行更快的工具。它是一个真正的javascript编译器。它不是从源语言编译成机器代码,而是从javascript编译成更好的javascript。它解析你的javascript,分析它,删除死代码,重写并...

    js压缩工具Google Closure Compiler

    谷歌闭包编译器(Google Closure Compiler)是一款强大的JavaScript代码优化工具,由Google开发并维护。它通过对JavaScript代码进行语法分析和压缩,帮助开发者减小代码体积,提高网页加载速度,同时也能消除潜在的...

Global site tag (gtag.js) - Google Analytics