美文网首页
JavaScript 闭包

JavaScript 闭包

作者: Kevin丶CK | 来源:发表于2019-02-20 15:46 被阅读0次

闭包(closure)的理解

是 JavaScript 语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。
首先,要理解闭包,先理解变量作用域。JavaScript 有两种作用域:全局作用域和函数作用域。
函数内部可以直接读取全局变量。但是,函数外部无法读取函数内部声明的变量。
那么问题来了,我们要是需要获取函数内部的变量呢???
只有通过变通方法才能实现。那就是在函数的内部,再定义一个函数。

    function funSaveData() {
        let param = 999;
      function getParam () {
            console.log(n); // 999
        }
        return getParam;
    }
   let getParam = funSaveData();
    getParam ();

上面代码中,函数funSaveData的返回值就是函数getParam ,由于getParam 可以读取funSaveData的内部变量,所以就可以在外部获得funSaveData的内部变量了。
有没有觉得很眼熟,学过java的知道类设置数据,为了保证数据私有,会使用get和set方法,和这个有点类似get方法,获取内部的数据
这里的闭包就是函数getParam。即能够读取其他函数内部变量的函数。由于在 JavaScript 语言中,只有函数内部的子函数才能读取内部变量,因此可以把闭包简单理解成“定义在一个函数内部的函数”。闭包最大的特点,就是它可以“记住”诞生的环境,比如getParam记住了它诞生的环境funSaveData,所以从getParam函数中可以得到funSaveData的内部变量。在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。

闭包(closure)的好处

1.读取函数内部的变量,并且让这些变量始终保持在内存中,即闭包可以使得它诞生环境一直存在。

    function createAdd(param) {
        let num =param;
        return function () {
            return num++;
        };
    }
    let inc = createAdd(5);
    console.log(inc()); // 5
    console.log(inc()); // 6
    console.log(inc()); // 7

上面代码中,num 是函数createAdd的内部变量。通过闭包,num 的状态被保留了,每一次调用都是在上一次调用的基础上进行计算。原因就在于inc始终在内存中,inc依赖createAdd,所以createAdd始终在内存中,不会在调用结束后,被垃圾回收机制回收。,闭包可以看作是函数内部作用域的一个接口。
2.封装对象的私有属性和私有方法

    function Person(name) {
        let _age;

        function setAge(n) {
            _age = n;
        }

        function getAge() {
            return _age;
        }

        return {
            name: name,
            getAge: getAge,
            setAge: setAge
        };
    }

    let mPerson = Person('张三');
    mPerson .setAge(25);
    console.log(mPerson .getAge()); // 25

上面代码中,函数Person的内部变量_age,通过闭包getAge和setAge,变成了返回对象mPerson 的私有变量。(这个看起来更加像java对象了吧)。
注意,每次运行外层函数,都会生成一个新的闭包,而这个闭包又会保留外层函数的内部变量,所以内存消耗很大。因此不能滥用闭包,否则会造成网页的性能问题。
个人理解,觉得这样比较好记忆,网上资料也很多,建议多找一些来阅读。

相关文章

  • JavaScript----闭包

    javascript之闭包 闭包的概念     闭包(closure)是 JavaScript 的一种语法特性。 ...

  • 学习JavaScript闭包和作用域笔记

    JS JavaScript闭包和作用域 闭包 JavaScript高级程序设计中对闭包的定义:闭包是指有权访问另外...

  • javascript中闭包是什么

    javascript中闭包是什么 JavaScript 变量可以是局部变量或全局变量。私有变量可以用到闭包。闭包就...

  • Javascript 闭包

    闭包 (注:所以案例以 javascript 实现) 初识闭包 什么是闭包 MDNClosures are fun...

  • 作用域闭包

    概览 背景知识:JavaScript内存管理、JavaScript作用域。 内容 1 闭包定义 闭包:当函数可以记...

  • JavaScript 作用域

    概览 背景知识:JavaScript内存管理、JavaScript作用域。 内容 1 闭包定义 闭包:当函数可以记...

  • 20170815 前端开发日报

    JavaScript闭包,只学这篇就够了 闭包不是魔法 这篇文章使用一些简单的代码例子来解释JavaScript闭...

  • JavaScript深入理解-闭包(Closure)

    推荐文章:学习Javascript闭包(Closure)- 阮一峰javascript深入理解-从作用域链理解闭包...

  • 闭包

    学习Javascript闭包(Closure)

  • JS之闭包与IIFE

    本篇文章主要讨论了: JavaScript引擎 全局对象 闭包 循环 + 闭包 IIFE + 闭包 1.JavaS...

网友评论

      本文标题:JavaScript 闭包

      本文链接:https://www.haomeiwen.com/subject/xmuhyqtx.html