什么是闭包函数

zhou_nj

于 2023-10-27 20:22:41 发布

阅读量49

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/zhou_nj/article/details/134083364

版权

1.原理：就是能读取其他函数内部的变量

2.优点：闭包因为长期驻扎在内存中。可以重复使用变量，不会造成变量污染

3.缺点：闭包会使函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，可能会导致内存泄露。

4.闭包案例：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    // 定义一个方法，传递三个参数
    function cale(n1,n2,type){
      // 定义num1接收变量n1
        let num1=n1
      // 定义num2接收变量n2
        let num2=n2
        // 根据第三个变量传的值，执行对应的方法
        switch(type){
                case '+':
                  // 加法里面用到外层的变量num1和num2
                    return function(){
                        console.log(`${num1}+${num2}=${num1+num2}`);
                    }
                case '-': 
                // 减法里面用到外层的变量num1和num2
                    return function(){
                        console.log(`${num1}-${num2}=${num1-num2}`);
                    }
            }
    }
    // 调用calc方法，返回一个加法计算器方法
    let arr=cale(200,200,"+")
    arr()
  </script>
</body>
</html>