• Js(javaScript)的闭包原理


    问题?什么是js(javaScript)的闭包原理,有什么作用?

    一、定义

    官方解释:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。

     小编的理解是这样的:****定义在函数中的函数,并且可在外部访问得到。(正常情况下我们是无法访问局部函数  的)这就有点儿类似脱了裤子放屁的意思,多此一举,可是并非多此一举。闭包肯定有  它的作用的。

    作用:1、可以减少全局变量的对象,防止全局变量过去庞大,导致难以维护   2、防止可修改变量,因为内部的变量外部是无法访问的,并且也不可修改的。安全

    3、读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中。 

    二、例子:(js代码)

    1.Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。 


    var n=999;
      function f1(){
        alert(n);
      }
      f1(); // 999


    2.另一方面,在函数外部自然无法读取函数内的局部变量。 

      function f1(){
        var n=999;
      }
      alert(n); // error


    这里有一个地方需要注意,函数内部声明变量的时候,一定要使用var命令。如果不用的话,你实际上声明了一个全局变量! 

      function f1(){
        n=999;
      }
      f1();
      alert(n); // 999

     

    *****如何从外部读取局部变量? 

    我们有时候需要得到函数内的局部变量。但是,前面已经说过了,正常情况下,这是办不到的,只有通过变通方法才能实现。

     

    function f1(){
        n=999;
        function f2(){
          alert(n); // 999
        }
      }

    三、使用闭包的注意点 

    1)由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。 


    2)闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便
    改变父函数内部变量的值

  • 相关阅读:
    Vue创建三:组件间bus传值
    vue创建二:引入本地图片
    Vue创建一:创建项目及样式引入
    jQuery源码解析之on事件绑定
    浏览器的同源策略与跨域处理
    常见的contentType编码类型【转】
    CSS预处理器Sass -- sass的基本语法(4)
    CSS预处理器Sass -- Sass工程的创建及sass文件编译(3)
    CSS预处理器Sass -- Sass、Less、Stylus比较(2)
    CSS预处理器Sass -- Sass、compass初识及其安装(1)
  • 原文地址:https://www.cnblogs.com/cuizhenyu/p/5992105.html
Copyright © 2020-2023  润新知