JavaScript面试题——作用域

我会带着你远行 2023-02-23 08:04 203阅读 0赞

## 作用域 ##

定义：作用域负责**收集并维护**由所有声明的标识符(变量)组成的**一系列查询**，并实施一套非常严格的规则，确定当前执行的代码对这些标识符的 **访问权限**。

通俗来说，作用域相当于一个管理员（有自己的一套规则），他负责管理所有声明的标识符的有序查询。

## 词法作用域 VS 动态作用域 ##

*  区别
    
     *  词法作用域是在写代码或者说定义时确定的，而动态作用域是在运行时确定的。(this 也是!)
     *  词法作用域关注函数在何处声明，而动态作用域关注函数从何处调用。

## 函数作用域 ##

*  JS里，生成作用域的方式：
    
     *  全局作用域
     *  函数作用域
     *  with、eval (不建议使用，影响性能)

由此，我们知道JS里，**绝大多数的作用域都是基于函数生成的**。

每个函数都会为自身生成一个作用域气泡。这个气泡内所有的标识符都可以在这个气泡中使用。

function bar() { 
        var a = 1;
        
        function foo() { 
            var b = 2;
            console.log(b);
        }
    
        foo();
    
        console.log(a);
    }
    
    bar();

上面代码中，bar生成的气泡中有标识符a和foo，因此可以访问到a和foo；foo生成的气泡中有标识符b，因此可以访问到b；对于全局生成的气泡中有标识符bar，因此只可以访问到bar。

## 块作用域 ##

ES6则新增了一个作用域: 块级作用域

块级作用域可以简单理解为是: 包在大括号\{ \}里面的内容, 它可以**自成一个作用域**, 但ES5中也有大括号, 可ES5中并没有块级作用域, 这时该怎样判断 \{ \} 是否具有块级作用域的特点?

这时就得用到 let 和 const

因此, 可以将块级作用域理解为: **使用let和const声明的变量**, 只在**当前大阔号**内生效, 由此构建出了 块级作用域 这么个东西.  
![声明标识符][20200706095410581.png]

## 作用域链 ##

作用域链是由当前作用域与上层一系列父级作用域组成，作用域的头部永远是当前作用域，尾部永远是全局作用域。作用域链保证了当前上下文对其有权访问的变量的有序访问。

[20200706095410581.png]: https://img-blog.csdnimg.cn/20200706095410581.png

发表评论取消回复

表情：

评论列表（有 0 条评论，203人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript作用域

JavaScript作用域 <!DOCTYPE html> <html lang="en"> <head> <meta ch

深碍√TFBOYSˉ_/ 2023年10月03日 14:13/ 0 赞/ 65 阅读

相关 JavaScript作用域

作用域指的是您有权访问的变量集合 JavaScript 函数作用域在 JavaScript 中有两种作用域类型：局部作用域全局作用域 JavaScri

川长思鸟来/ 2023年07月19日 12:27/ 0 赞/ 32 阅读

相关 JavaScript面试题——作用域

作用域定义：作用域负责收集并维护由所有声明的标识符(变量)组成的一系列查询，并实施一套非常严格的规则，确定当前执行的代码对这些标识符的访问权限。通俗来说，作用域相

我会带着你远行/ 2023年02月23日 08:04/ 0 赞/ 204 阅读

相关前端面试系列-JavaScript作用域和作用域链

文章目录作用域 1.全局作用域 2.函数作用域 3.块级作用域经典例子

今天药忘吃喽~/ 2022年11月12日 02:38/ 0 赞/ 199 阅读

相关 JavaScript作用域及几道面试题

我们搞懂了作用域，才能更清楚的知道代码的执行顺序！作用域： // 域：空间、范围、区域…… // 作用：读、写 script 全局变量、全局函数

女爷i/ 2022年09月30日 06:48/ 0 赞/ 222 阅读

相关 javascript经典面试题全局变量和局部变量变量作用域

1.题目 var a = 10; function test(){ a = 100; console.log(a);

傷城~/ 2022年08月04日 14:42/ 0 赞/ 224 阅读

相关递归、作用域详解及作用域面试题

递归和作用域递归：指的就是函数内部直接或间接调用自己； function test(){ test(); }

港控/mmm°/ 2022年06月15日 03:23/ 0 赞/ 231 阅读

相关 JavaScript 作用域

JavaScript 作用域 -------------------- 作用域是可访问变量的集合。在JavaScript中，能够定义全局作用域或者局部作用域。

妖狐艹你老母/ 2022年05月21日 20:18/ 0 赞/ 272 阅读

相关 js面试与笔试---理解 JavaScript 作用域和作用域链

任何程序设计语言都有作用域的概念，简单的说，作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期。在JavaScript中，变量的作用域有全局作用域和局

逃离我推掉我的手/ 2022年05月18日 03:30/ 0 赞/ 283 阅读

相关 JavaScript作用域

ES5中的作用域一、全局变量 > 全局变量有全局作用域: 网页中所有脚本和函数均可使用 > 如果变量在函数内没有声明（没有使用 var 关键字），该变量为全

迷南。/ 2022年03月27日 02:39/ 0 赞/ 313 阅读