关于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好像什么事都没做