声明变量_js 面试题 函数声明 变量声明

一个常见的函数声明和变量的面试题

题目一：

(function() { fn(); var fn = function() { alert(1)  } fn(); function fn() { alert(2) }})()

题目二：

function test(age) { console.log(age); var age = 27; console.log(age); var age = function() {}; console.log(age)}test(3);

想回答出来上面的面试题来，先要理解js中函数声明提升、变量声明提升和形参的优先级。如果有知道这三者的关系的，就可以退出该文章了。

(function() { fn(); var fn = function() { alert(1)  } fn(); function fn() { alert(2) }})()// 上面的代码通过 js解析后就会变成(function() { function fn() { alert(2) } var fn; fn(); fn = function() { alert(1)  } fn();})() // 所以运行的结果是 2 1

事实上，js 的解析是分为两个阶段的，预编译和执行期

• 预编译期间：对本代码块中的所有 声明变量 和 函数 进行处理(类似于 C语言的编译) ，但需要注意，
  1.此时处理函数的只是 声明式函数
  2.变量也只是进行了声明但是没有进行初始化和赋值
• 执行期间：从上到下编译执行代码块

f(); // 我是函数声明function f() { console.log('我是函数声明');}var f = function() { console.log('我是变量赋值型函数');}

从上面的代码中，就可以不难看出 ### 函数声明的优先级 高于 变量声明的优先级