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中函数声明提升、变量声明提升和形参的优先级。如果有知道这三者的关系的，就可以退出该文章了。

bae137f8a4744feb9fe2218f640d99d4.jpeg

(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('我是变量赋值型函数');
}

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