进阶JS（1）

最新推荐文章于 2024-08-22 14:32:34 发布

2201_75455711

最新推荐文章于 2024-08-22 14:32:34 发布

阅读量58

点赞数

文章标签： javascript 前端 java

本文链接：https://blog.csdn.net/2201_75455711/article/details/134102391

版权

作用域

规定了变量能够被访问的“范围”，离开了该范围就不能被访问

局部作用域

1. 函数作用域

在函数内部声明的变量，外部不能直接访问

不同函数内部声明变量无法互相访问

函数执行完毕后，函数内部的变量被清空

2. 块作用域

在js中被{}包裹的成为代码块，代码块内部声明的变量外部可能无法被访问

let 和 const 声明的变量有块作用域，var没有

全局作用域

全局作用域中声明的变量，任何其他作用域都可以访问

尽可能减少声明全局变量，防止全局变量被污染

作用域链

本质是底层的变量查找机制

在函数被执行时，会优先在当前作用域中查找变量
如果当前作用域找不到会依次逐级查找父级作用域直到全局作用域

子作用域能访问父级作用域，父级作用域不能访问子级作用域

JS垃圾回收机制（GC）

JS中的分配和回收都是自动完成的，内存不使用时会被垃圾回收器自动回收

内存的生命周期

1. 内存分配：当我们声明变量、函数、对象时，系统会自动为他们分配内存

2. 内存使用：即读写内存，也就是使用变量、函数等

3. 内存回收：使用完毕，由垃圾回收器自动回收不再使用的内存

全局变量一般不会回收（关闭页面回收）
一般情况下局部变量的值不用了会被自动回收

内存泄漏：程序中分配的内存由于某种原因程序未释放或无法释放

算法说明

堆栈空间分配区别：

栈（操作系统）：由操作系统自动分配释放函数的参数值、局部变量等，基本数据类型放到栈里

堆（操作系统）：一般由程序员分配释放，若程序员不释放则由垃圾回收机制回收，复杂数据类型放到堆里

常见的浏览器垃圾回收算法：

引用计数法

标记清除法

闭包

概念：一个函数对周围状态的引用捆绑在一起，内层函数中访问到其外层函数的作用域

即：闭包=内层函数+外层函数的变量

作用：封闭数据，提供操作，外部也可以访问函数内部的变量

应用：实现数据私有

例如：做一个统计，函数每调用一次，count++

<script>
    let count = 1
    function fn(){
        count++
        console.log(`函数被调用了${count}次`);
    }
</script>

该写法的count是全局变量，容易被修改

改进：

<script>
    function fn(){
        let count = 1
        function fun(){
            count++
            console.log(`函数被调用了${count}次`);
        }
        return fun
    }
    const result = fn()
    result()
</script>

变量提升

仅存在于var声明变量

代码在执行之前，先检测当前作用域下所有var声明的变量，会把所有var声明的变量提升到当前作用域最前面，只提升声明，不提升赋值

函数进阶

函数提升

fn()
function fn(){
    console.log('函数提升')
}

能正常运行，控制台打印出函数提升 ·······函数提升

会把所有函数声明提升到当前作用域最前面，值提升函数声明，不提升函数调用

提倡先声明函数再调用

fun()
var fun = function(){
    console.log('函数提升')
}

报错，var提升声明不提升赋值

函数表达式必须先声明和赋值后调用

函数参数

动态参数（arguments）

arguments是函数内部内置的伪数组变量，它包含了调入函数时传入的所有实参

伪数组：有索引号有下标，但没有数组的常用方法

实现不限个数的求和

<body>
    <script>
        function getSum() {
            let sum = 0
            for(i=0;i<arguments.length;i++){
                sum += arguments[i]
            }
            console.log(sum);
        }
        getSum(2, 77, 9, 88)
    </script>
</body>

剩余参数（...）

只存在与函数之中，将一个不定量的参数表示为一个数组，是真正数组

1. ...是语法符号，置于最末函数形参之前，用于获取多余的实参

2. 借助...获取的剩余实参，是个真数组，提倡多使用剩余参数，更灵活

至少有两个参数

function getNum(a,b,...arr) {
        console.log(arr);
    }
getNum(1, 9)

若超过两个参数则属于剩余参数

展开运算符（...）

可以展开数组，不会修改原数组

运用：1. 求数组最大值

let a = [1,2,3,4];
console.log(Math.max(...a));
console.log(Math.min(...a));

2. 合并数组

2201_75455711

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
进阶JS（1）

代码在执行之前，先检测当前作用域下所有var声明的变量，会把所有var声明的变量提升到当前作用域最前面，堆（操作系统）：一般由程序员分配释放，若程序员不释放则由垃圾回收机制回收，复杂数据类型放到堆里。概念：一个函数对周围状态的引用捆绑在一起，内层函数中访问到其外层函数的作用域。2. 借助...获取的剩余实参，是个真数组，提倡多使用剩余参数，更灵活。JS中的分配和回收都是自动完成的，内存不使用时会被垃圾回收器自动回收。作用：封闭数据，提供操作，外部也可以访问函数内部的变量。
复制链接

扫一扫