关于js函数 形参和局部变量名相同后的一些问题？

Question

function f1(a) {

    console.log(a);// 10;  这里我开始觉得是undefined的

    // 我以为var a=1会先把var a=undefined 放在函数的最前面 但是好像并没有

    var a=1;

    console.log(a);// 1 

    console.log(arguments[0])// 1;  这里我觉得也是10

}

f1(10)

按照f1这个打印看来 var 声明的a 好像和形参a是有联系的 但是他们不是应该没有联系吗？

function f2(a) {

    console.log(a); //10

    var a;

    console.log(a);//10

    console.log(arguments[0])//10

}

f2(10)

f2 里面的a好像什么事都没做