js预编译输出题-解题思路

function fn(a,c){
    console.log(a) 
    var a=123
    console.log(a)
    console.log(c)
    function a(){}
    if(false){
       var d=678 
    }
    console.log(d)
    console.log(b)
    var b=function(){}
    console.log(b)
    function c(){}
    console.log(c)
}
fn(1,2)

做这种题可以按这个步骤画出来
编译阶段：
编译时候需要做了哪些事情

1，创建ao对象
2, 找形参和变量的声明，作为ao对象的属性名，值为undefined
3, 实参和形参相统一，就是看是否有传进来参数
找到函数声明，会覆盖变量的声明

编译结束后开始解释逐行执行阶段，从上往下一行行开始
那以上面的步骤套用一下下面的题试试
第一步和第二步一起做
js复制代码ao：{
a:undefined
c:undefined
d:undefined
b:undefined
}

第三步实参和形参相统一
js复制代码ao：{
a:1
c:2
d:undefined
b:undefined
}

第四步 找到函数声明，会覆盖变量的声明
js复制代码ao：{
a:function a(){}
c:function c(){}
d:undefined
b:undefined
}

js复制代码开始代码一行行的执行
function fn(a,c){
console.log(a) //function a(){}
var a=123
console.log(a) //123
console.log(c) //function c(){}
function a(){}
if(false){
var d=678
}
console.log(d) //undefined
console.log(b) //undefined
var b=function(){}
console.log(b) //function (){}
function c(){}
console.log(c) //function c(){}
}
fn(1,2)

自己在掘金上的文章
作者：前端_小卢
链接：https://juejin.cn/post/7264232104800780348
来源：稀土掘金