JavaScript词法分析

最新推荐文章于 2019-08-09 16:23:00 发布

昆昆欧粑粑

最新推荐文章于 2019-08-09 16:23:00 发布

阅读量305

点赞数

分类专栏： JavaScript 文章标签： js JavaScript 词法分析

本文链接：https://blog.csdn.net/likunkun__/article/details/87216567

版权

本文通过一个面试题实例，详细解释了JavaScript函数在调用时的词法分析过程，包括形式参数、局部变量和声明表达式的解析步骤。在函数调用前，JavaScript会先声明所有变量为undefined，然后按顺序进行分析。在解析函数声明表达式时，age变为函数定义，因此在调用过程中，首先输出`function age() {}`，随后执行赋值操作，输出两次`2`。

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

JavaScript方法在调用执行的时候不会立即执行，而是会经过一层一层的解析再执行。
通过一个面试题例子来看：

        function f(age) {
            console.log(age);   
            var age = 2;        
            console.log(age);   
            function age() {}   
            console.log(age);   
        }
        f(1);

问：调用f的过程中，后台console三次分别弹出了什么？

答案是：

function age() {} ; 2 ; 2

我们知道JavaScript函数在调用之前不会立即执行，

在形成调用瞬间存在一个active object（以下简称ao）。

他会根据3个过程分析：

形式参数——局部变量——声明表达式。

而且在每步骤的最前面，会先把所有的变量先声明为undefined。

以此来看：

1、解析形式参数，此时在内存中从上到下依次会产生这两个形式参数的定义：

ao.age = undefined;
a