Javascript高级-CSDN博客

本文链接：https://blog.csdn.net/WJW210513/article/details/136684070

本文介绍了JavaScript中的闭包概念，如何利用它封装数据并访问外部变量，同时讨论了其可能导致内存泄漏的问题。文章还讲解了arguments对象的用法，用于处理动态参数，以及剩余参数和箭头函数的语法特点。最后，提到了数组的filter函数作为筛选元素的实用工具。

摘要由CSDN通过智能技术生成

闭包

    <script>
        //闭包=内层函数+外层函数的变量
        function outer() {
            let a = 1;//外层函数的变量
            function fn() {//内层函数
                console.log(`fn函数被调用了${a}此 `); 
                a++;
            }
            return fn
        }
        let xx = outer();//返回fn给xx
        xx();//相当于fn被调用一次
        xx();//相当于fn被调用二次
        xx();//相当于fn被调用三次

    </script>

封闭数据，实现数据私有，外部也可以访问函数内部的变量

缺点，会造成内存泄漏

arguments获取动态参数


    function fn(){
        console.log(arguments)
    }
    // fn(1,23,4)
    fn(2.4,24,54,2)

arguments可以用来动态获取形参个数不确定的函数，arguments获得的是伪数组，可以通过arguments[index]来获取对应的参数，arguments.length获取长度

剩余参数

function fn(a, b, ...c) {
    console.log(a, b, c)
}
fn(2, 45, 6, 453, 42)

...c用来概括剩余的参数，c是数组的形式

箭头函数

语法

//声明一个箭头函数，赋值给fn
let a = (形参)=>{
    函数体
}

//如果形参只有一个，可以省略()
//{}中函数题只有一行，可以省略{}，并且表示 return函数体

let a=x=> x*x

箭头函数不能使用arguments，只能使用 ...动态获取参数

数组的filter函数

筛选数组中符合条件的元素

//筛选数组中符合条件的元素，并以数组的形式返回
let arr = [23, 45, 63, 24, 6, 4, 64]
//item,index,self=元素，下标，数组本身
let res = arr.filter((item,index,self)=>{
    //return 条件
    return item>40
    }
)