箭头函数

最新推荐文章于 2023-12-25 19:54:49 发布

圣焱

最新推荐文章于 2023-12-25 19:54:49 发布

阅读量124

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/Bruce_byan/article/details/115614677

版权

本文深入探讨JavaScript的箭头函数，重点解析词法作用域和动态作用域的概念。词法作用域在编译阶段确定，取决于函数声明的位置，而动态作用域则基于调用栈。通过例子阐述了两种作用域如何影响变量查找，强调了词法作用域在箭头函数中的应用。

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

编译器的第一个工作阶段叫作分词，就是把由字符组成的字符串分解成词法单元。这个概念是理解词法作用域的基础

简单地说，词法作用域就是定义在词法阶段的作用域，是由写代码时将变量和块作用域写在哪里来决定的，因此当词法分析器处理代码时会保持作用域不变

关系

无论函数在哪里被调用，也无论它如何被调用，它的词法作用域都只由函数被声明时所处的位置决定


function foo(a) {
    var b = a * 2;
    function bar(c) {
        console.log( a, b, c );
    }
    bar(b * 3);
}
foo( 2 ); // 2 4 12

在这个例子中有三个逐级嵌套的作用域。为了帮助理解，可以将它们想象成几个逐级包含的气泡

在这里插入图片描述

作用域气泡由其对应的作用域块代码写在哪里决定，它们是逐级包含的

气泡1包含着整个全局作用域，其中只有一个标识符：foo

气泡2包含着foo所创建的作用域，其中有三个标识符：a、bar和b

气泡3包含着bar所创建的作用域，其中只有一个标识符：c
查找

作用域气泡的结构和互相之间的位置关系给引擎提供了足够的位置信息，引擎用这些信息来查找标识符的位置

在代码片段中，引擎执行console.log(…)声明，并

关注

专栏目录