2、js - 面试 - 作用域链

EchoLiner

已于 2023-06-13 20:37:57 修改

阅读量92

点赞数

CC 4.0 BY-SA版权

文章标签：前端 ecmascript javascript 前端框架

于 2023-05-22 16:49:39 首次发布

本文链接：https://blog.csdn.net/EchoLiner/article/details/130810536

本文介绍了JavaScript中的作用域链概念，它是如何影响变量查找的。在作用域链中，从当前作用域开始，如果找不到变量，会向上查找父级作用域，直至全局作用域。局部作用域（如函数内部）可以访问父级作用域的变量，但反之不行。通过示例展示了如何在不同作用域内访问和赋值变量。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!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>

</body>

</html>
<script>

    // 作用域链：嵌套关系的作用域串联起来就是作用域链
    // 作用域链本质是底层的变量查找机制（就近原则）
    // 查找规则：当前作用域找不到，会逐级查找父级作用域，直到全局作用域，都找不到会报错没有定义。
    // 子作用域可以访问父作用域的变量，父作用域❌不可以访问子作用域的变量

    
    // 全局作用域
    let a = 1;
    // 父作用域❌不可以访问子作用域
    console.log(c); // Uncaught ReferenceError: c is not defined

    // 局部作用域：父作用域
    function func1() {
        let a = 3;
        let c = 1;
        // 局部作用域：子作用域
        function func2() {
            a = 4;
            console.log(a); // 4
            // 全部作用域都找不到会报错没有定义
            console.log(b); // Uncaught ReferenceError: b is not defined
        }
        func2();
        console.log(a); // 4
    }
    func1();

</script>