一个常见的函数声明和变量的面试题
题目一：
(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('我是变量赋值型函数');
}
从上面的代码中，就可以不难看出 ### 函数声明的优先级 高于 变量声明的优先级
