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

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

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

输出 1

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

输出  function a(x){}

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

已此方式宣告的function將會獲得提升

function a(x) {}

如此的則不會

var a = function (x) {}

所以...

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

1.宣告a
2.宣告a為function
3.將a賦值 1
最終a為1

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

1.宣告a
2.宣告a
3.將a賦值 1
4.將a賦值 function (x) {}
最終a為 function (x) {}


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

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

输出 function a(x){}

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

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

输出 1

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

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

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

【热门文章】
【热门文章】