理解JS闭包(Closure)

galaxy_robot 发布于2019-08-19 18:03 / 1085人阅读

摘要：由于各种原因，我们需要在函数的外部调用函数内部定义的局部变量。闭包的主要用处是把函数内部的变量一直保存在内存中可以省略该局部变量一直保存在内存中该函数被赋予给全局变量，所以一直存在，该函数的外层函数因此也一直存在举例

由于各种原因，我们需要在函数的外部调用函数内部定义的局部变量。

闭包实际上就是“函数内部的函数”，通过在函数内部再定义一个函数，内部函数返回函数的局部变量，函数再返回内部函数即可：

function outer() {
    var local = "local"; //局部变量
    function inner() {
        return local; //使用内部的函数返回这个局部变量
    }
    return inner; //函数再返回内部这个函数
}
var result = outer();
console.log(result()); //local 用两个小括弧调用函数内部的函数

上面的就是一个最简单的闭包。只有函数内部的子函数才能读取局部变量，所以在函数内部套用一个函数即可。

闭包的主要用处是把函数内部的变量一直保存在内存中：

var storage; //可以省略
function outer() {
    var local = "local"; //该局部变量一直保存在内存中
    storage = function () { //该函数被赋予给全局变量storage，所以一直存在，该函数的外层函数因此也一直存在
        local += " storage;";
    };
    function inner() {
        return local;
    }
    return inner;
}
var result = outer();
console.log(result()); //local
storage();
console.log(result()); //local storage

举例：

var obj = {
    func1: function() {
        return function () {
            return this; //window{}
        };
    },
    func2: function() {
        return this; //obj{}
    }
};
console.log(obj.func1()());
console.log(obj.func2());

var obj = {
    func1: function() {
        var that = this;
        return function () {
            return that; //obj{}
        };
    },
    func2: function() {
        return this; //obj{}
    }
};
console.log(obj.func1()());
console.log(obj.func2());

GPU云服务器云服务器 js闭包的理解 js闭包 js面试闭包如何回答 js闭包qq空间

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

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

谈谈我所理解的闭包，js、php、golang里的closure

摘要：当初看这个解释有点懵逼，理解成闭包就是函数中的函数了。里的闭包最近不满足于只干前端的活，开始用起了。里的闭包最近在学习语言，让我们来看一下语言里的闭包。在中，闭包特指将函数作为值返回的情况，被返回的函数引用了生成它的母函数中的变量。本人开始接触编程是从js开始的，当时网上很多人说闭包是难点，各种地方对闭包的解释也是千奇百怪。如今开始接触js以外的各种编程语言，发现不光是js，php、...

betacat 2019-06-28 13:52 评论0 收藏0
谈谈我所理解的闭包，js、php、golang里的closure

摘要：当初看这个解释有点懵逼，理解成闭包就是函数中的函数了。里的闭包最近不满足于只干前端的活，开始用起了。里的闭包最近在学习语言，让我们来看一下语言里的闭包。在中，闭包特指将函数作为值返回的情况，被返回的函数引用了生成它的母函数中的变量。本人开始接触编程是从js开始的，当时网上很多人说闭包是难点，各种地方对闭包的解释也是千奇百怪。如今开始接触js以外的各种编程语言，发现不光是js，php、...

zhoutao 2019-08-21 16:43 评论0 收藏0
《你不知道的JS》读书笔记---作用域及闭包

摘要：注此读书笔记只记录本人原先不太理解的内容经过阅读你不知道的后的理解。作用域及闭包基础，代码运行的幕后工作者引擎及编译器。注：此读书笔记只记录本人原先不太理解的内容经过阅读《你不知道的JS》后的理解。作用域及闭包基础，JS代码运行的幕后工作者：引擎及编译器。引擎负责JS程序的编译及执行，编译器负责词法分析和代码生成。那么作用域就像一个容器，引擎及编译器都从这里提取东西。 ...

denson 2019-08-21 18:22 评论0 收藏0
JS 闭包(closure)

摘要：对数组函数而言，相当于产生了个闭包。关于对象在闭包中使用对象也会导致一些问题。不过，匿名函数的执行环境具有全局性，因此其对象通常指向。由于声明函数时与声明函数时的值是不同的，因此闭包与闭包貌似将会表示各自不同的值。这几天看到闭包一章，从工具书到各路大神博客，都各自有着不同的理解，以下我将选择性的抄（咳咳，当然还是会附上自己理解的）一些大神们对闭包的原理及其使用文章，当作是自己初步理解...

nihao 2019-08-21 11:43 评论0 收藏0
js-闭包

摘要：一闭包的概念闭包官方给出的解释闭包是函数和声明该函数的词法环境的组合。解决此类情况的方式使用立即执行函数使用中的这两种方式的共性就是把变量变成了每个函数的局部变量，因此在执行闭包的时候，局部变量不会发生变化。一、闭包的概念闭包官方给出的解释：闭包是函数和声明该函数的词法环境的组合。下面我们举一个经典的且最简单的闭包demo function closure(){ var...

whidy 2019-08-23 18:20 评论0 收藏0