a(); // => a
console.log(b); // => undefined
function a() {
console.log('a');
}
var b = 'b';
c(); // => Uncaught TypeError: c is not a function
if (true) {
function c() {
console.log('c');
}
}
运行结果：(chrome 54.0+、IE11)
a
undefined
Uncaught TypeError: c is not a function
js中变量声明和函数声明会在解析的时候提升【参考MDN变量提升】。但是为什么if(true)...语句后边的函数没有被提前呢？这和很多其他的博客中描述的完全不一样。依据其他博主的博客中描述输出的结果应该是：
a
undefined
c
函数声明提升的解释
在MDN中对于函数的描述
MDN上对于函数声明提升的例子
即，通过函数声明定义的函数，在解析时会被提升；而通过函数表达式定义的函数不会被解析，只会在运行时解析（执行到此处）。
MDN中有提到原因：函数表达式定义的函数继承了当前的作用域。换言之，函数构成了闭包。
对于函数声明和函数表达式的区别：
函数声明和函数表达式区别
由此，上边代码的if(true)...中函数部分因为属于函数表达式定义的函数，所以在开始解析的时候并不会被提升到外部作用域，所以c()得到的结果是错误Uncaught TypeError: c is not a function
附
顶部代码在经过解析之后的顺序是:
function a() {
console.log('a');
}
var b;
a();
console.log(b);
b = 'b';
c();
if (true) {
function c() {
console.log('c');
}
}
欢迎斧正
