JavaScript 闭包

Profeel 发布于2019-08-20 14:15 / 2733人阅读

摘要：变量按照作用范围可以分为全局变量和局部变量。全局变量或者又或者局部变量或者在页面中全局变量属于对象。全局和局部变量即便名称相同，它们也是两个不同的变量。这些变量是局部变量，作用域是局部性的函数的参数也是局部性的，只在函数内部起作用。

前言：
参考文档http://www.runoob.com/js/js-f...

问：为什么有它？

答：因为私有变量。

JavaScript变量按照作用范围可以分为全局变量和局部变量。
私有变量需要用闭包。

全局变量：

var a = 4;
function myFunction() {
    return a * a;
}

或者：

a = 4;
function myFunction() {
    return a * a;
}

又或者：

function myFunction() {
    a = 4;
    return a * a;
}

局部变量：

function myFunction() {
    var a = 4;
    return a * a;
}

或者：

function myFunction(a) {
    return a * a;
}

在web页面中全局变量属于window对象。
局部变量只能用于定义它的函数内部。

全局和局部变量即便名称相同，它们也是两个不同的变量。修改其中一个，不会影响另一个的值。

注意：变量声明是如果不使用 var 关键字，那么它就是一个全局变量，即便它在函数内定义。

变量生命周期：

全局变量的作用域是全局性的，即在整个JavaScript程序中，全局变量处处都在。
而在函数内部声明的变量，只在函数内部起作用。这些变量是局部变量，作用域是局部性的；函数的参数也是局部性的，只在函数内部起作用。

实例解析闭包：

还是以计数器为例。简单易懂。

var counter = 0;

function add() {
    counter += 1;
}

add();
add();
add();

// 计数器现在为 3

这里的counter是全局变量，容易被其他地方不小心修改了值。这时再试试局部变量：

function add() {
    var counter = 0;
    counter += 1;
}

add();
add();
add();

// 本意是想输出 3, 但事与愿违，输出的都是 1 !

JavaScript内嵌函数可以解决该问题。但还是存在另一个问题，就是每次执行这个函数里的counter=0这个赋值操作都会被执行一次。
就是说返回的结果还是1。

function add() {
    var counter = 0;
    function plus() {counter += 1;}
    plus();
    return counter;
}
var a = add();
console.log(a);
var b = add();
console.log(b);

所以还需要处理这个问题，就是确保counter=0只执行一次。这时需要闭包。

JavaScript闭包：

这里还会用到函数自我调用。因为它只执行一次。

var add = (function () {
    var counter = 0;
    return function () {return counter += 1;}
})();

add();
add();
add();

// 计数器为 3

实例解析：

变量add指定了函数自我调用的返回字值。
自我调用函数只执行一次。设置计数器为 0。并返回函数表达式。
add变量可以作为一个函数使用。非常棒的部分是它可以访问函数上一层作用域的计数器。
这个叫作 JavaScript闭包。它使得函数拥有私有变量变成可能。
计数器受匿名函数的作用域保护，只能通过add方法修改。

注意：闭包是可访问上一层函数作用域里变量的函数，即便上一层函数已经关闭。

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/81493.html

Javascript闭包入门(译文)

摘要：也许最好的理解是闭包总是在进入某个函数的时候被创建，而局部变量是被加入到这个闭包中。在函数内部的函数的内部声明函数是可以的可以获得不止一个层级的闭包。前言总括：这篇文章使用有效的javascript代码向程序员们解释了闭包，大牛和功能型程序员请自行忽略。译者：文章写在2006年，可直到翻译的21小时之前作者还在完善这篇文章，在Stackoverflow的How do Java...

Fourierr 2019-08-20 13:56 评论0 收藏0
理解Javascript的闭包

摘要：但是闭包也不是什么复杂到不可理解的东西，简而言之，闭包就是闭包就是函数的局部变量集合，只是这些局部变量在函数返回后会继续存在。可惜的是，并没有提供相关的成员和方法来访问闭包中的局部变量。 (收藏自技术狂) 前言：还是一篇入门文章。Javascript中有几个非常重要的语言特性——对象、原型继承、闭包。其中闭包对于那些使用传统静态语言C/C++的程序员来说是一个新的语言特性。本文将...

dayday_up 2019-08-21 12:37 评论0 收藏0
JavaScript闭包，只学这篇就够了

摘要：当在中调用匿名函数时，它们用的都是同一个闭包，而且在这个闭包中使用了和的当前值的值为因为循环已经结束，的值为。最好将闭包当作是一个函数的入口创建的，而局部变量是被添加进这个闭包的。闭包不是魔法这篇文章使用一些简单的代码例子来解释JavaScript闭包的概念，即使新手也可以轻松参透闭包的含义。其实只要理解了核心概念，闭包并不是那么的难于理解。但是，网上充斥了太多学术性的文章，对于...

CoderBear 2019-08-21 11:56 评论0 收藏0
JavaScript深入之闭包

摘要：深入系列第八篇，介绍理论上的闭包和实践上的闭包，以及从作用域链的角度解析经典的闭包题。定义对闭包的定义为闭包是指那些能够访问自由变量的函数。 JavaScript深入系列第八篇，介绍理论上的闭包和实践上的闭包，以及从作用域链的角度解析经典的闭包题。定义 MDN 对闭包的定义为：闭包是指那些能够访问自由变量的函数。那什么是自由变量呢？自由变量是指在函数中使用的，但既不是函数参数也...

caige 2019-08-20 16:07 评论0 收藏0
还担心面试官问闭包？

摘要：一言以蔽之，闭包，你就得掌握。当函数记住并访问所在的词法作用域，闭包就产生了。所以闭包才会得以实现。从技术上讲，这就是闭包。执行后，他的内部作用域并不会消失，函数依然保持有作用域的闭包。网上总结闭包的文章已经烂大街了，不敢说笔者这篇文章多么多么xxx，只是个人理解总结。各位看官瞅瞅就好，大神还希望多多指正。此篇文章总结与《JavaScript忍者秘籍》《你不知道的JavaScri...

tinyq 2019-08-21 17:28 评论0 收藏0
[学习笔记] JavaScript 闭包

摘要：但是，必须强调，闭包是一个运行期概念。通过原型链可以实现继承，而与闭包相关的就是作用域链。常理来说，一个函数执行完毕，其执行环境的作用域链会被销毁。所以此时，的作用域链虽然销毁了，但是其活动对象仍在内存中。学习Javascript闭包（Closure）javascript的闭包JavaScript 闭包深入理解(closure)理解 Javascript 的闭包JavaScript ...

sunsmell 2019-08-21 10:33 评论0 收藏0