打赏作者
感谢打赏,创作不易~
  • 微信
  • 支付宝

JavaScript的闭包和作用域

作用域相关

作用域的概念:

  • 作用域是在运行时代码中的某些特定部分中变量,函数和对象的可访问性。换句话说,作用域决定了代码区块中变量和其他资源的可见性;

  • 作用域的类型:

    • 全局作用域:

      • 最外层函数和在最外层函数外面定义的变量拥有全局作用域;
      • 所有末定义直接赋值的变量自动声明为拥有全局作用域;
      • 所有 window 对象的属性拥有全局作用域;
    • 函数作用域:

      • 在函数内部的作用域 
    • 块级作用域:

      • 在花括号{}内部的作用域;
      • 注意:
        • ①对象的{}不属于块级作用域,像for(){},if(){},else{},try{},cath(){}等等的花括号才是块级作用域

        • ②对象的{}的作用域是什么作用域取决于对象所处的作用域,比如对象在全局作域 下定义的,那么对象的{}的作用域就是全局作用

自由变量:

  在当前作用域下,未定义,但使用了的变量,称为自由变量

什么是作用域链:

  自由变量,会向上一层一层寻找该变量的定义,直到全局作用域还是没找到,就宣布放弃,这种一层一层的关系,就是作用域链

 

闭包相关

闭包的概念:

  • JavaScript中函数会产生闭包(closure)。闭包是函数本身和该函数声明时所处的环境状态的组合;

  • 函数能够“记忆住”其定义时所处的环境,即使函数不在其定义的环境中被调用,也能访问定义时所处环境的变量;

  • 在JavaScript中,每次创建函数时都会创建闭包

闭包的作用:

  • 当闭包产生时,函数所处环境的状态会始终保持在内存中,不会在外层函数调用后被自动清除。这就是闭包的记忆性;

  • 模拟私有变量,即封装对象方法

闭包的缺点:

  • 不能滥用闭包,否则会造成网页的性能问题,严重时可能导致内存泄露(程序中已动态分配的内存由于某种原因未释放或无法释放)

闭包的表现形式:

  闭包是作用域应用的特殊情况,有两种表现:函数作为参数被传递,函数作为返回值被返回

  函数作为返回值:

 1 // 函数作为返回值
 2 
 3 function create(){
 4     let a = 100;
 5     return function(){
 6         console.log(a);
 7     }  
 8 }
 9 
10 let fun = create();
11 let a = 500;
12 fun(); // 100

  函数作为参数被传递:

 1 function print(fun){
 2     let a = 50;
 3     fun();  
 4 }
 5 
 6 let a = 362;
 7 function fn(){
 8     console.log(a);
 9 }
10 
11 print(fn);// 362

 注意:所有的自由变量的查找,是在函数定义的地方,向上级作用域查找,不是在执行的地方

posted @ 2023-02-01 14:10  Lanny-Chung  阅读(20)  评论(0编辑  收藏  举报