`

js closure

    博客分类:
  • js
 
阅读更多

js closure

 

scope:

in js, inner function has access to params/local variable of the outer function,

 

closure:

variable use the scope where they are defined, even apparently the scope is finished,

inner function:

a inner function will always has access to the scope which defined it - the outer function, even after the outer function already finished execution,

 

when to use closure:

usually used with inner function, for:

* access local variable even after it outer function execution finished,

* make variable private, only could be accessed by the inner function,

 

------

e.g.

 

example 1:

	var scope = "global scope";
	function checkscope() {
	    var scope = "local scope";
	    function f() { return scope; }
	    return f;
	}
	checkscope()();	// => "local scope"
 

example 2:

	var uniqueInteger = (function() {
		var counter = 0;
		return function() { return counter++; }; // the returned function is the only one who can access the counter variable,
	}());
	for(var i=1;i<5;i++) {
		console.log(uniqueInteger());
	}
 

 

example 3:

	function counter() {
		var n = 0;
		return { // the returned object, is the only one who has access to the variable n,
			count: function() { return n++; },
			reset: function() { n = 0; }
		};
	}
	var n1 = counter();
	var n2 = counter();

	console.log(n1.count());
	console.log(n2.count());
	console.log(n1.count());
	console.log(n2.count()); // n1 & n2 has separate scope, they has different n, and don't effect each other,

	n1.reset(); 
	console.log(n1.count());
	console.log(n2.count());
 

 

------


分享到:
评论

相关推荐

    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 ...

    使用Google Closure Compiler js压缩

    java -jar closure-compiler.jar --js input.js --js_output_file output.min.js --compilation_level ADVANCED_OPTIMIZATIONS ``` - **API集成**:Closure Compiler还提供了HTTP REST API和Java API,可以方便地...

    closure library 模块化的javascript库

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

    closure-compiler-v20171112.jar

    java -jar closure-compiler-v20171112.jar --js input.js --js_output_file output.js ``` "README.md"文件通常包含了关于软件的使用说明和指南,可能包括如何安装、配置以及运行Closure Compiler的基本步骤。而...

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

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

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

    在文件"google-closure-compiler-js-ac93586"中,包含的是Closure编译器的特定版本,这个版本可能包含了最新的优化和修复。开发者可以通过使用这个版本来构建和优化他们的JavaScript项目,以实现更好的性能和代码...

    js压缩工具Google Closure Compiler

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

    closure闭包

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

    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 Linter完整安装包

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

    closure-library-master

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

    google closure

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

    前端开源库-closure-loader

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

    Closure: The Definitive Guide

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

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

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

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

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

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

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

    closure-compiler

    Closure Compiler是Google推出的一款强大的JavaScript代码优化工具,其主要功能是对JavaScript代码进行压缩、混淆和优化,以提高网页加载速度并降低服务器带宽消耗。这款工具在JavaScript开发领域具有广泛的应用,...

Global site tag (gtag.js) - Google Analytics