前端：如何理解 JS 的作用域和作用域链?说说闭包的两个应用场景

ES6 之前 JS 没有块级作用域。例如

成都创新互联提供网站设计、成都做网站、网页设计，品牌网站建设，1元广告等致力于企业网站建设与公司网站制作，十余年的网站开发和建站经验,助力企业信息化建设，成功案例突破数千家,是您实现网站建设的好选择.

从上面的例子可以体会到作用域的概念，作用域就是一个独立的 地盘 ，让变量不会外泄、暴露出去。上面的name就被暴露出去了，因此， JS 没有块级作用域，只有全局作用域和函数作用域 。

全局作用域就是最外层的作用域 ，如果我们写了很多行 JS 代码，变量定义都没有用函数包括，那么它们就全部都在全局作用域中。这样的坏处就是很容易撞车、冲突。

这就是为何 jQuery、Zepto 等库的源码，所有的代码都会放在 (function(){....})() 中。因为放在里面的所有变量，都 不会被外泄和暴露 ，不会污染到外面，不会对其他的库或者 JS 脚本造成影响。这是函数作用域的一个体现。

附：ES6 中开始加入了块级作用域，使用let定义变量即可，如下：

首先认识一下什么叫做 自由变量 。如下代码中，console.log(a)要得到a变量，但是在当前的作用域中没有定义a（可对比一下b）。当前作用域没有定义的变量，就称为 自由变量 。自由变量如何得到 —— 向 父级 作用域寻找。

如果父级也没呢？ 再一层一层向上寻找，直到找到全局作用域还是没找到，就宣布放弃 。这种一层一层的关系，就是 作用域链 。

通过例子来理解闭包。

自由变量将从作用域链中去寻找，但是 依据的是函数定义时的作用域链，而不是函数执行时 ，以上这个例子就是闭包。闭包主要有 两个 应用场景：

1.函数 作为 返回值 ，上面的例子就是

2.函数 作为 参数 传递，看以下例子

五分钟彻底明白 匿名函数自执行和闭包

通过文你将学到：

经常听到闭包这个词儿，或者匿名函数自执行，之类的。到底他们是一个东西吗？

我不想扣定义，直接上例子。

看图：

函数执行完以后会销毁（这里我就不谈堆栈操作了理解图就行了），然后各种变量会垃圾回收，而这里parent函数确实销毁了，但是firstName这个参数并没有垃圾回收，释放内存，依然在内存中能够被return里面的函数使用，好像return里面的函数把 父函数的那个资源给关闭在了自己的函数里面一样，这个函数销毁资源被关闭到子函数中依然能够使用的现象叫做闭包。

注意匿名函数自执行只是产生闭包的一种情况，闭包是现象或者情形，不实用匿名函数自执行也有很多情况产生闭包，所以而且根本就是两回事儿，不能混淆。

类比，在window系统中，你子文件夹中有使用的文件父文件夹是没法删除的。

与这个类似的一个题是循环里面用事件，事件里面的i有问题 ，如下。

还有一到非常爱考的面试题，

我只分析一个，其它的大家就会分析了。注意表象上粗略的理解就是 函数执行一瞬间，并不会等定时器，但是这个说法并不对，因为第一个就说不通。好我给记大家进入内部深入分析下过程。

小测验，你能看出下面的程序用了闭包吗？

3.闭包在jquery中使用。

闭包无处不在，直接看jquery的例子。

jquery闭包中如何拿到返回值

写一个回调函数，通过回调方法返回值，function ajaxUser(function(val){ console.log(val);}){ ... }

jQuery 是如何判断HTML页面加载完毕的？它的原理是什么?

jquery是一个轻量级的JS框架，这点相信大部分人都听过，而jquery之所以有这样一个称呼，就是因为它悄悄披了一件外衣，将自己给隐藏了起来。

//以下截取自jquery源码片段(function( window, undefined ) {   /*    源码内容    */})( window );

上面这一小段代码来自于1.9.0当中jquery的源码，它是一个无污染的JS插件的标准写法，专业名词叫闭包。可以把它简单的看做是一个函数，与普通函数不同的是，这个函数没有名字，而且会立即执行，就像下面这样，会直接弹出字符串。

(function( window, undefined ) {

alert("Hello World!");

})( window );

可以看出来这样写的直接效果，就相当于我们直接弹出一个字符串。但是不同的是，我们将里面的变量变成了局域变量，这不仅可以提高运行速度，更重要的是我们在引用jquery的JS文件时，不会因为jquery当中的变量太多，而与其它的JS框架的变量命名产生冲突。对于这一点，我们拿以下这一小段代码来说明。

var temp = "Hello World!";

(function( window, undefined ) {       var temp = "ByeBye World!";

})( window );

alert(temp);

这段代码的运行结果是Hello而不是ByeBye，也就是说闭包中的变量声明没有污染到外面的全局变量，倘若我们去掉闭包，则最终的结果会是ByeBye，就像下面这样。

var temp = "Hello World!";//    (function( window, undefined ) {

var temp = "ByeBye World!";//    })( window );

alert(temp);

由此就可以看出来，jquery的外衣就是这一层闭包，它是很重要的一个内容，是编写JS框架必须知道的知识，它可以帮助我们隐藏我们的临时变量，降低污染。

关于jQuery核心闭包的问题！！！

(function( window, undefined ) {

// Use the correct document accordingly with window argument (sandbox)

var document = window.document,

navigator = window.navigator,

location = window.location;

var jQuery = (function() { //第一个jQuery的作用是什么呢？是要给外面用的jQuery对象

// Define a local copy of jQuery

var jQuery = function( ) { //为什么又要一个jQuery？这是一个局部变量

// The jQuery object is actually just the init constructor 'enhanced'

return new jQuery.fn.init( ); //怎么才能保证程序执行这个代码呢？顺序执行下来就会执行这个代码

},

//...

;

jQuery.fn = jQuery.prototype = {

constructor: jQuery,

init: function( selector, context, rootjQuery ) {

//...

return jQuery.makeArray( selector, this );

},

//...

};

// Give the init function the jQuery prototype for later instantiation

jQuery.fn.init.prototype = jQuery.fn; //这段代码的作用是什么呢？为以后的实例准备jQuery原型构造函数

//jQuery.fn.init 是构造函数， 它的实例方法由 jQuery.fn.init.prototype 指定

//...很多函数

return jQuery; //为什么要增加一个返回值呢？为了把局部变量复制给外面的全局变量

})();

// Expose jQuery to the global object

window.jQuery = window.$ = jQuery;

})(window);

JS闭包的概念

闭包就是能够读取其他函数内部变量的函数。由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成"定义在一个函数内部的函数"。所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。

扩展资料：

闭包包含自由(未绑定到特定对象)变量;这些变量不是在这个代码块内或者任何全局上下文中定义的，而是在定义代码块的环境中定义(局部变量)。

"闭包" 一词来源于以下两者的结合:要执行的代码块(由于自由变量被包含在代码块中，这些自由变量以及它们引用的对象没有被释放)和为自由变量提供绑定的计算环境(作用域)。在PHP、Scala、Scheme、Common Lisp、Smalltalk、Groovy、JavaScript、Ruby、 Python、Go、Lua、objective c、swift 以及Java(Java8及以上)等语言中都能找到对闭包不同程度的支持。

网页名称：闭包jquery,闭包是什么
网页链接：http://pwwzsj.com/article/phihch.html