对javascript的预编译中提前声明不是很了解

问题描述

问 题

var a = 1;
function a(x){}
alert(a);   

输出 1

---

function a(x){}
alert(a);   

输出  function a(x){}

能解释为什么是这样的输出吗
不明白预编译的过程,和语法树，有没有好点的博文，求链接。

解决方案

如果都只是声明的话，函数声明提升的优先级要比变量提升高：

var a; // 无论变量声明在函数声明前面还是后面，都会被函数覆盖
function a(x){}
alert(a);   

输出 function a(x){}

但如果变量有赋值的话，就像题主这样，函数是无法覆盖的：

var a = 1; 
function a(x){}
alert(a);   

输出 1

这里有类似的问题：
https://segmentfault.com/q/10...

函数提前声明的三种方式：
https://developer.mozilla.org...

对JS声明提前比较完整的解释：
http://www.bootcss.com/articl...

这篇关于对javascript的预编译中提前声明不是很了解的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！